在文本旁边显示图标的最健壮的方法 [英] Most robust method for showing Icon next to text

问题描述

在页面中文本旁边显示图形的方式有多种。 我需要包括指示将打开新选项卡的图形/图标。

我知道至少可以使用以下这些不同的方法：

• 默认字体中的Unicode字符
• CSS加载字体中的Unicode字符
• 内联SVG
• 内联PNG

请建议一种执行此操作的方法，并解释为什么它在不同的浏览器和操作系统上都很健壮。

推荐答案

没有既定的标准图标。

例如，您选择的图标与Wikipedia中用来标记指向外部网站(不属于Wikipedia)的链接的图标相似。然而，您可以在您的网站上使用它，从而在您自己的页面中建立一个约定。只需确保您始终如一地这样做：所有标记有该图标的链接都必须打开到一个新页面，而所有未标记该图标的链接都应该在同一页面中打开。您可以提高可访问性，前提是您拥有稳定的用户基础，他们将有机会习惯您的约定。如果您的站点主要由一次性访问者访问，那么您只会增加视觉上的混乱。

这篇关于在文本旁边显示图标的最健壮的方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！