<strong> 和 <small> 标签一起使用时的正确用法

Question

假设<strong> 和<small> 标签都是内联的，从语义上应该认为哪种用法是正确的？

案例一：

<strong><small>Some text</small></strong>

案例 2：

<small><strong>Some text</strong></small>

这有关系吗？

Answer 1

任何做过搜索引擎优化的人都知道h1 标签在第 1 页和第 30 页之间的排名有很大的不同。所以是的，这些标签确实有它们的重要性，但是如何呢？ 我正在复制粘贴官方解释，我的后续问题在下面。

<b> 与 <strong>

为什么有这么多方法可以让新开发人员经常感到困惑 在呈现的网站上表达同样的事情。并且是 也许是最常见的混淆来源之一，导致 开发人员问“我应该使用还是？他们都不是吗？ 一样的吗？”

不完全是。该元素用于更大的内容 重要性，而元素用于引起对文本的注意 没有表明它更重要。

这可能有助于认识到两者都是有效的语义元素 HTML5，巧合的是它们都具有相同的默认值 大多数浏览器中的样式（粗体）（尽管一些较旧的浏览器 实际上下划线）。每个元素都旨在用于 某些类型的场景，如果你想加粗文本 装饰，你应该实际使用 CSS font-weight 属性。

所附文本的预期含义或目的应该是什么 确定您使用哪个元素。传达意义是什么 语义就是一切。

<em> 与 <strong>

更令人困惑的是，虽然 HTML 4 定义为表示更强调，HTML 5 定义 代表“对其内容的强烈重要性”。这是 一个重要的区别。

While 用于改变句子的意思 强调确实（“我爱胡萝卜”与“我爱胡萝卜”），是 用于赋予句子的某些部分增加重要性（例如，“警告！ 这是非常危险的。”）两者 和 都可以嵌套到 增加相对重要性或强调强调的程度， 分别。

HTML small>元素代表side-cmets和small print， 像版权和法律文本，独立于其风格的呈现。 默认情况下，它会将其中的文本呈现小一号字体大小，例如 从小到小。

问题是它们是否都具有预定义的行为并且除了视觉吸引力之外不做任何事情。因为粗体意味着重要，而强烈意味着在视觉上很重要。那么这种行为针对的是谁。我们通常不会去查看源代码吗？

答案是 BOTS，最重要的是索引、抓取 BOTS。如果您正在做 SEO 和某种内容分析或从中解析，那么这些标签会派上用场。除此之外没有什么不同

<i><b>hello</b></i>

或

<b><i>hello</i></b>

或

<small><strong>hello</strong></small>

或

<strong><small>hello</small></strong>

是的，它们确实很重要，具体取决于您的具体情况。除了视觉人类阅读之外，如果我期望大量计算机可读性，例如文本到语音、机器人或辅助显示等，那么这些很重要。

粗体：标记我爸爸告诉我做某事

strong：标记我爸爸，用坚定的指示性声音告诉我做某事

斜体：如果你错过它，它的内容部分而不是内容流无关紧要

小：它是内容的一部分，但不是内容流，但如果您错过了它，我们可能会回来说您应该阅读它。

从内容营销的角度来看，上述区别在计算机将要解析的源代码中发挥着重要作用。

Answer 2

没关系。

<strong> 产生 font-weight: bold; 和 <small> 产生 font-size: smaller;，两者都不会相互覆盖。

Answer 3

从句法的角度来看，两者都可以使用。由于两者都是可以包含其他短语内容的 phrasing content 元素，因此它们都是同样有效的 HTML。

---

从语义的角度来看，请确保正确使用每个标签：

<small> 不应该用于设置较小的文本样式。它应该只用于为——

...side-cmets 和小字体，如版权和法律文本，独立于其样式呈现。

同样，<strong> 不应用于使文本变为粗体。它应该只用来表示——

...其内容具有很强的重要性、严肃性或紧迫性。

这些标签也不应包含超出其需要的内容。例如，您可能有这样的法律文本，其中只有一部分文本具有很强的重要性：

<p><small>Copyright Foobar Industries, 2021. <strong>Do not reprint without permission.</strong></small></p>

如果您的侧边字体或小字体的整体非常重要，您可以使用任何一种方法。它们在语义上是等效的并且在语法上是有效的。

Answer 4

一些文字

一些文字

他们都会做同样的事情。它将加粗文本并降低其字体大小。