Html 什么'；这两者之间的区别是什么<；b>；及<；strong>&书信电报；i>；及<；em>；？

HTML/XHTML中的

和

，

和

之间有什么区别？什么时候应该使用它们？

和

是明确的-它们分别指定粗体和斜体

---

和

是语义-它们指定所附文本应以某种方式“突出”或“强调”，通常为粗体和斜体，但允许通过CSS控制实际样式。因此，这些是现代网页中的首选。

和

为文档添加了额外的语义含义。碰巧他们也给你的文本加了粗体和斜体

当然，您可以使用CSS覆盖它们的样式

另一方面，

和

仅应用字体样式，不应再使用。（因为你应该使用CSS进行格式化，如果文本确实很重要，那么你可能会使其“强”或“强调”！）

希望这是有意义的。

和

应该避免，因为它们描述了文本的样式。相反，使用

和

，因为这描述了文本的语义（含义）

与HTML中的所有内容一样，您不应该考虑它的外观，而应该考虑它的实际含义。当然，对你来说，它可能只是粗体和斜体，但对屏幕阅读器来说则不然。

“它们具有相同的效果。但是，XHTML是一种更干净、更新的HTML版本，建议使用

标记。Strong更好，因为它更容易阅读——它的意思更清楚。此外，

传达了一种含义—强烈显示文本—而

（用于加粗）传达了一种方法—加粗文本。使用strong，如果您使用CSS样式表来更改使文本变强的方法，那么代码仍然有意义

这同样适用于

和

之间的差异

谷歌dixit：

---

b或i表示希望以粗体或斜体显示文本。strong或em表示希望以用户理解为“重要”的方式显示文本“。默认情况下，呈现粗体的strong和斜体的em，但其他一些区域性可能使用不同的映射

与程序中的字符串一样，b和i将被“硬编码”，而strong和em将被“本地化”。

如其他人所说，是明确的（即“将此文本加粗”），而和是语义的（即“应强调此文本”）

---

在现代网络浏览器的环境中，很难看出两者之间的差异（它们似乎都产生相同的结果，对吗？），但请考虑一下针对视力受损者的屏幕阅读器。如果屏幕阅读器遇到标签，它将不知道该怎么办。但是如果它遇到一个标签，它知道里面的任何东西都应该向听众强调。这就是实际的区别。

它们对正常的web浏览器渲染引擎有着相同的效果，但它们之间有着根本的区别

正如作者在书中所写：

想想三种不同的情况：

• 网络浏览器
• 盲人
• 手机

“粗体”是一种风格——当你说“粗体字”时，人们基本上知道这一点 这意味着在字母周围添加更多，比如说“墨水”，直到它们脱颖而出 其他信件中有更多

不幸的是，这对盲人来说毫无意义。在手机上 和其他PDA一样，文本已经是粗体的，因为屏幕分辨率非常小。如果不把事情搞砸，你就不可能大胆一点

是一种风格——我们知道“粗体”应该是什么样子

然而是如何理解事物的指示。“Strong”在浏览器中可能（而且经常）表示“bold”，但对于像Jaws（盲人）这样的口语节目，它也可能表示较低的音调，或者在Palm Pilot上用下划线表示（因为不能加粗）

HTML从来就不是关于样式的。Do for and“the semantic web”。

是语义性的，它描述了它所围绕的文本（例如，“此文本应比您显示的其余文本更强”），而不是描述它所围绕的文本应如何显示（例如，“此文本应为粗体”）.

和

都与风格有关，而

和

是语义。在HTML4中，第一个分类为，第二个分类为

---

正如您正确指出的，

和

通常被认为是相似的，因为浏览器通常都以斜体显示。但根据规范，

表示强调，

表示更强调，这一点非常清楚，但常常被误解。另一方面，何时使用

或

之间的区别实际上是一个风格问题。

通常应尽量避免使用

和

。在创建CSS之前的早期HMTL版本中，它们被引入用于布局页面（改变它的外观），比如同时删除的

字体

标记，主要是为了向后兼容，因为一些论坛允许内联HTML，这是一种改变文本外观的简单方法（如使用

[i]的BBCode）

，您可以使用

等等）

自从创建CSS以来，布局实际上不再是HTML中应该做的事情，这就是为什么CSS首先被创建的原因（HTML）

<b>This text is bold</b>

<strong>This text is strong</strong>

<i>This text is italic</i>

<em>This text is emphasized</em>

<p><i>I hope this works</i>, he thought.</p>

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

b,
strong {
  font-weight: 700;
  /* ... more styles here */
}

i,
em {
  font-style: italic;
  /* ... more styles here */
}

simple text this is test text normal text



simple text this is important textwith normal text