【问题标题】:How to properly indicate the direction within a breadcrumbs?如何正确指示面包屑中的方向?
【发布时间】:2013-04-22 03:57:36
【问题描述】:

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

那么有没有专门用于定向使用的 unicode 字符?

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



  1. 如果通过CSS生成的内容或背景图片添加“大于”字符就可以了。

【问题讨论】:

  • 在寻找除> 之外的其他字符以进行定向使用时很好;我不明白怎么能说别人选择使用它是错误的。在同一行中,您可以说 StackOverflow 显示 breadcrumbs x 326 的方法是错误的,因为您不能乘以字符串!
  • 我的意思是它服务于目的,> 被用作>(html 编码实体)这一事实清楚地表明它没有被用作数学或关系运算符。
  • @Ravi。我没有冒犯的意思。我只是指出> 用于数学用途,因此在 HTML 中使用它作为方向是不正确的使用。是的,严格来说,“breadcrumbs x 326”也是不正确的用法。
  • @Ravi。使用> 进行指导可能会使辅助技术用户感到困惑,因为他们可能会听到以下内容:链接首页大于链接关于我们大于我们的历史。
  • 现在这是值得考虑的一点。也许,在这种新的背景下,我愿意接受你的观点。

标签: html semantics breadcrumbs


【解决方案1】:

我有时会使用 »» 来表示面包屑,但我不确定它是否绝对适合定向使用!坦率地说,在给定我在页面上使用的特定字体系列和字体大小的情况下,我决定哪个字符看起来最好。有时> 确实看起来更好! :)

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

HTML 实体代码和名称:

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

【讨论】:

  • 谢谢。然而据我所知,» 的意思是“右箭头引用”。法国人使用« 和» 作为引号。
  • 是的,它叫做right-pointing double angle quotation mark 或right pointing guillemet。刚刚google了!
【解决方案2】:

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

请注意,面包屑实际上与方向无关,而是与层次结构有关。这不会改变字符的适用性。

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

【讨论】:

  • 感谢您提供的信息。所以箭头字符可以用于方向。
  • 关于面包屑是什么,方向或层次结构,这是一个值得讨论的有趣话题。也许在另一个线程中。根据这个词的起源,童话“汉塞尔和格莱特”,我猜他们是关于方向的。
【解决方案3】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多