在文本旁边显示图标的最健壮的方法 [英] Most robust method for showing Icon next to text
本文介绍了在文本旁边显示图标的最健壮的方法的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在页面中文本旁边显示图形的方式有多种。 我需要包括指示将打开新选项卡的图形/图标。
我知道至少可以使用以下这些不同的方法:
- 默认字体中的Unicode字符
- CSS加载字体中的Unicode字符
- 内联SVG
- 内联PNG
请建议一种执行此操作的方法,并解释为什么它在不同的浏览器和操作系统上都很健壮。
推荐答案
没有既定的标准图标。
例如,您选择的图标与Wikipedia中用来标记指向外部网站(不属于Wikipedia)的链接的图标相似。然而,您可以在您的网站上使用它,从而在您自己的页面中建立一个约定。只需确保您始终如一地这样做:所有标记有该图标的链接都必须打开到一个新页面,而所有未标记该图标的链接都应该在同一页面中打开。您可以提高可访问性,前提是您拥有稳定的用户基础,他们将有机会习惯您的约定。如果您的站点主要由一次性访问者访问,那么您只会增加视觉上的混乱。
这篇关于在文本旁边显示图标的最健壮的方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文