新窗口图标(用于Web辅助function)
是否有一个默认的,标准的,推荐的或众所周知的图标来表示链接将打开一个新的浏览器窗口?
这是针对networking可访问性的原因。 还是基本上是免费的?
我意识到,那些将使用最多(使用屏幕阅读器)的人甚至不会在意图像是什么样子,而是更感兴趣的替代文字。
决定去这个:
除非有人能提出一个更广泛采用的build议吗?
没有一个既定的标准图标这样的事情。
例如,您select的图标与wikipedia中用于标记指向外部网站(不属于维基百科)的链接类似。 但是,您可以在您的网站上使用它,从而在您自己的网页中build立一个约定。 只要确保你一直这样做:标有该图标的所有链接必须打开一个新的页面,所有没有标记的链接应该在同一页面打开。 只要你有一个稳定的用户基础,谁有机会习惯你的约定,你就可以提高可访问性。 如果您的网站主要由一次访问者访问,那么您只会添加视觉混乱。
我会去这样的事情:
正如其他人所提到的,您select的图标被维基百科和其他网站广泛使用来表示与外部网站的链接。 但这更多的是个人喜好,而不是networking标准。
对于许多Unicode字符,您需要使用以下字体(至less对于Windows,如果您可以testing,请对Linux和Mac发表评论):
a:link {font-family: 'Segoe UI Symbol' !important;}
你也可以应用CSSselect器来使用target
属性,如下所示:
a[target='blank'] a[target]
请记住,浏览器是有趣a
select和a:link
/ a:visited
的行为,所以绝对考虑到这一点。
统一码“ 两加方 ”字符:
⧉
http://www.fileformat.info/info/unicode/char/29c9/index.htm
CSS
a[target='_blank']::after {content: '\29C9';}
支持
Mac OS X,优胜美地:2种字体, Apple Symbol
和STIXGeneral
Unicode 右上象限的白色方块 :
◳
http://www.fileformat.info/info/unicode/char/25F3/index.htm
CSS
a[target='_blank']::after {content: '\25F3';}
支持
Mac OS X,优胜美地:3种字体, Apple Symbol
, STIXGeneral
, Menlo
。
Unicode' 右上阴影白方 '字符:
❐
http://www.fileformat.info/info/unicode/char/2750/index.htm
CSS
a[target='_blank']::after {content: '\2750';}
支持
Mac OS X,优胜美地:3种字体, Arial Unicode MS
, Menlo
, Zapf Dingbats
。
还有U+1F5D7 OVERLAP
:Unicode,在Unicode 7.0(2014年6月)中添加。
其评论是“重叠偏移窗口”。
HTML实体: 🗗
( fileformat.info )
我能find的最接近的是北西方向的angular落和东南向的angular落 – 但是谁创造这些图标并没有做东北angular向angular落
http://www.fileformat.info/info/unicode/category/So/list.htm
我喜欢这个在新窗口中打开的unicode符号
↗️或↗
北东箭头请确保您使用的是utf-8 html。
Html是↗
在我的WordPress博客上,我不得不链接到几个网站,显然禁用后退button(Facebook和谷歌翻译结果)。 对于这些链接,我设置它们来打开一个新窗口。 我收集了很less的“新窗口”图标,但它们总是中断行间距(也许这是一个WordPress的东西;图标周围没有额外的空间),所以我决定去一个标题=“”,说:“链接打开新窗口“和链接文本图标[+],链接文本末尾用空格分隔。
试试|͟↗ |:
|͟↗̱|
并与Arial兼容
∣͟↗̱∣
怎么样像附加的图像(任何人都可以使用或编辑)?
1 :
我正在考虑将其添加到现有的单个button的右侧,以便它们成为一个水平button组,让用户可以select单击链接并在新窗口中打开它。