如何正确指出面包屑内的方向?

时间:2013-04-28 11:41:56

标签: html semantics breadcrumbs

我们经常看到人们在其面包屑的HTML代码 [1] 中使用“大于”字符(>来指示其中的方向breadcrumbs。这显然是不正确的,因为“大于”字符是用于数学用途的,并且实际上没有任何方向意义。

那么是否有一个专门用于定向使用的unicode角色?

searched一些箭头形状的字符,例如这个:→,但其中许多也用于数学用途。而其他一些人的定义是“非间距组合标记”,我猜这也没有方向性意义。



  1. 如果通过CSS生成的内容或背景图像添加“大于”字符,那就没问题。

3 个答案:

答案 0 :(得分:7)

我有时会使用»»来获取面包屑,但我不确定它是否绝对适合定向使用!坦率地说,根据我在页面上使用的特定字体和字体大小,我的决定基于哪个字符看起来最好。有时>确实看起来更好! :)

无论如何,»的方向相反的实体是««。看看这两个是否能达到您的目的。

HTML实体代码&名称:

  

»»& 187;右指双角引号=右指向guillemet
  ««& 171;左指双角引号=左指guillemet

答案 1 :(得分:2)

Unicode编码字符,而不是意义。例如,它没有抽象概念方向的特征。箭头字符的特点是可供多种用途; Unicode Standard,第15章说:“箭头用于各种目的:暗示方向关系,显示逻辑推导或暗示,以及表示光标控制键。”

请注意,面包屑实际上不是关于方向,而是关于层次结构。这不会改变角色的适用性。

使用“>”和“»”虽然有些不合逻辑且不切实际,但已经变得如此普遍以至于人们已经习惯了它。支持“→”或其他箭头字符的主要实用参数是它比微小的“»”更容易识别,并且它看起来比“>”更好。主要的实际问题也是表现性的:在一些字体中,最明显的是Calibri,“→”看起来很奇怪,有一个巨大的箭头。但是使用不同的字体可以避免这个问题。

答案 2 :(得分:2)

\ 203A(>)在IE8,Chrome,FF和Safari for Windows中呈现最佳效果。自2003年以来,Jacob Nielsen建议使用>面包屑分隔符。在2001年,他说“当一个符号在50%以上的网站上得到足够的重视时,那么[他]肯定会建议使用它。”他现在推荐它。 >或多或少成为标准。但我还是喜欢→(\ 2192)