i, b, s or em, strong, del [重复]

Question

所以对于这 6 个标签，没有明显的差异，我知道 3 个已被弃用。

+––––––––––––––––––––––––––+––––––––––––––––––––––––––––––––+
|                          |                                |
|            i             |             em                 |
|                          |                                |
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––+
|                          |                                |
|            b             |            strong              |
|                          |                                |
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––+
|                          |                                |
|            s             |             del                |
|                          |                                |
+––––––––––––––––––––––––––+––––––––––––––––––––––––––––––––+

截至目前，<i>、<b> 和 <s> 都已弃用，但我看到帖子和网站说使用这些而不是 <em>、<strong> 和 <del>

还有font-style:italic、font-weight:bold和text-decoration:line-through的CSS方法。

我们应该继续使用 HTML 标签还是完全转向 CSS？如果我们继续使用 HTML 标签。我们会使用哪些？

Answer 1

标签不再被弃用，推荐语义使用

您可以在语义上使用所有 6 个标签。即：使用它们根据其含义标记文本的某些部分。在规范中阅读更多相关信息：

4.6.2 The em element:

em 元素表示其内容的重音。

4.6.3 The strong element:

strong 元素代表其内容的强烈重要性、严肃性或紧迫性。

4.6.3 The del element:

del 元素表示从文档中删除。

4.6.16 The i element:

i 元素表示 [...] 与正常散文 [...] 的其他偏移，例如分类名称、技术术语、[...]。

4.6.17 The b element:

b 元素表示为了实用目的而引起注意的一段文本 [...]，例如文档摘要中的关键词、评论中的产品名称 [...]。

4.6.17 The s element:

s 元素表示不再准确或不再相关的内容。

<b>、<i> 和 <s> 标签在 HTML5 中不再被弃用。但请勿仅将上述标签用于以特定方式设置文本样式。

使用 CSS 进行样式设置

根据页面的整体视觉外观，将页面的某些其他部分设置为类似于这些标签中文本的默认外观的样式可能是合适的。这是您可以使用 CSS 属性的地方。

Answer 2

问题在于，对于旧标签（粗体、斜体和罢工），标签名称暗示了它应该如何呈现。

新的没有。以 del 标签为例。您可以删除罢工并将其变为红色，这非常好，因为名称并不意味着文本将被罢工。

Answer 3

<em>、<strong> 和 <del> 都带有含义。应该在正确将它们用于该含义时使用它们。

<i>、<b> 和 <s> 不带含义，等价于 <span style="font-style:italic"> 等。这就是它们被弃用的原因，而上面的语义则不是。