首页 文章

HTML5中的<b> vs <span>

提问于
浏览
7

我一直难以决定何时使用b以及何时使用span . b元素的新语义似乎含糊不清 .

b元素代表一系列文本,在没有传达任何额外重要性且没有其他声音或情绪的暗示的情况下,为实用目的而引起注意

听起来就像你不能使用strong,em或i时使用的标签 .

当没有其他元素更合适时,b元素应作为最后的手段 .

但是,当短语内容还没有适用的标签时,我们已经得到span .

span元素本身并不代表任何东西......它代表了它的孩子 .

有一个示例用途列表

文档摘要中的关键词,评论中的产品名称,交互式文本驱动软件中的可操作单词或文章

但是我找不到将它们联系在一起的基本原则,而不是将它们塑造成大胆的 . old spec甚至提到了风格:

b元素表示文本范围在风格上偏离正常散文[强调添加]

样式是为CSS . 我们还建议使用类来显示实际含义

作者可以使用b元素上的class属性来标识元素的使用原因

这听起来好像使用太多,不能单独按标签分组 . 我也可以使用类来解释span的语义 .

span元素...与全局属性一起使用时非常有用,例如: class,lang或dir .

例子

如果我想要这个:

你对CS 101决赛的得分为42% .

我写吗

Your score for <b>CS 101 Final</b> is 42%.

要么

Your score for <span>CS 101 Final</span> is 42%.

或者对于这个:

答案:42

可不可能是

<b>Answer</b> 42

要么

<span>Answer</span> 42

(它只是一个键值对,因此定义列表不适用 . )

我不只是想知道各个例子的正确标签 . 我想知道为什么他们是对的 . 我用什么标准来决定b或span标签?

3 回答

  • 3

    第一个例子相当简单 . 你正试图让人眼前一亮,因为它比"Your score for"文本更重要 . 所以那是

    Your score for <strong>CS 101 Final</strong> is 42%.

    使用 <b> ,您可以使用're not trying to catch the eye. You want the whole text to be read evenly, but you marking certain words and phrases as being of use to the reader (utilitarian purposes). Frankly, there aren' . 该规范给出了冒险游戏和报告中关键字的示例,但要找到很多用途并不容易 .

    第二个例子比较棘手 . 在这里,"Answer"在风格上被抵消了 . 单词"Answer"绝对不比实际答案文本重要,也不需要因任何其他原因引起读者的特别注意 . 它只是被标记为与实际答案文本不同 . 但是,"Common idioms without dedicated elements"部分中的规范建议使用 <b> 在对话中标记说话者,并且使用它可以被视为类似于此 . 但基本上它只是造型,所以 <span> 上课可能是最好的选择 .

    我使用什么标准来决定b或span标签?

    从上面可以看出,这是一个消除过程 . <strong><em><cite> 合适吗?是的 - 使用它们 . 不 - 是 <b> 还是 <i> 合适?是的 - 使用它们 . 不,然后使用 <span>

  • 3

    span 什么都没有 . 从语义上讲,如果有一个 span 元素并不重要 . 所以问题不应该是何时使用 bspan ,但它应该是:我应该使用 b 吗? (在许多情况下你可能想要使用 b 而不需要样式钩子,所以如果 b 不合适,绝对不需要 span . )

    为了确定 b 是否合适,我认为可能有助于想象一个使用语义标记的智能用户代理 . 如果每个人都能正确使用HTML5,这样的用户代理可以从标有 b 的内容中推断出什么?

    我认为definition中提到的示例用例提供了一个非常好的主意:

    • 文档摘要中的关键词

    • 评论中的产品名称

    • 交互式文本驱动软件中的可操作单词

    • 一篇文章

    Summarizedkeywords .

    因此,例如,这样的用户代理可以提取段落/部分中的所有关键字并以某种方式呈现它们,因此您可以决定是否要阅读它 .

    在配方中,它可能是所有成分 . 在你的问题中,它可能是"b","span"和"HTML5" . 在产品页面上,它可能是产品名称main功能和制造商 . 想想meta-keywords,但不是文档范围(与 linka 相同) .

    不要让你因造型需要误导 . 虽然在许多情况下,粗体可能是一个合适的造型,但大多数时候我从来没有使用任何特殊的造型 b .

  • 0

    我的个人设计指南是:

    <B>(示例)仅用于装饰目的 .

    也就是说,内容不会从较重的字体中获得任何或多或少的内容,但如果有的话可能在那个地方看起来更好 .

相关问题