[解決済み] テキストの横にアイコンを表示する最も堅牢な方法 [終了しました]。

質問

ページ内でテキストの隣にグラフィックを表示するには、さまざまな方法があります。 新しいタブが開かれることを示すグラフィック/アイコンを含める必要があります。

少なくともこれらの異なる方法を使用して行うことが可能であることを知っています。

• デフォルトのフォントからユニコード文字を使用する
• CSS で読み込まれたフォントからのユニコード文字
• インライン SVG
• インライン PNG

これを行うための方法を提案し、異なるブラウザやオペレーティングシステムで堅牢である理由またはそうでない理由を説明してください。

どのように解決するのですか？

確立された標準的なアイコンというものはないのです。

たとえば、あなたが選んだアイコンは、wikipediaで（wikipediaに属さない）外部のウェブサイトを指すリンクをマークするために使用されているものと似ています。しかし、自分のウェブサイト全体でそれを使用し、自分のページ内で慣習を確立することができます。ただし、一貫してそうであることを確認してください。このアイコンでマークされたリンクはすべて新しいページで開かなければならず、マークされていないリンクはすべて同じページで開かなければなりません。アクセシビリティを向上させるには、あなたのサイトに安定したユーザー層があり、そのユーザーがあなたの規約に慣れる必要があります。もし、あなたのサイトがほとんど一度きりの訪問者であるなら、視覚的な混乱を追加するだけでしょう。