和之间有什么区别

HTML / XHTML中的和 ， 和什么区别？ 您什么时候应该使用它们？

---

#1楼

这是定义的摘要以及建议的用法：

...为了功利目的而引起注意的一段文本，没有传达任何额外的重要性，也没有暗示其他的声音或语气，例如文档摘要中的关键字 ，评论中的产品名称 ，交互式文本驱动软件或文章目录中的 可操作单词 。

...现在代表的是重要性，而不是强调。

...以一种替代的声音或心情表达的文本范围，或以其他指示文本不同质量的方式偏离正常散文，例如分类名称 ， 技术术语 ， 另一种语言的惯用语 ，西方思想中的想法或船名 。

...表示重点。

（这些都是W3C来源的直接引号，并增加了我的强调。请参阅： https : //rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements和http://www.w3.org /TR/html401/struct/text.html#h-9.2.1 （原始）

---

#2楼

实际上，出于这个响应线程中提到的原因，我同时使用了和。 有时候，粗体显示某些文本看起来会更好，但在语义上并不一定比句子的其余部分重要。 这是我目前正在处理的页面上的示例：

“检索有关长曲棍球的所有所有书。”

在该句子中，“全部”一词非常重要，而“曲棍网兜球”则不那么重要-我只想用粗体表示，因为它代表一个搜索词，因此我希望进行一些视觉上的分隔。 如果您正在使用屏幕阅读器来查看页面，我真的认为不必强调“长曲棍球”一词。

我倾向于想象大多数Web开发人员都使用其中一种，但是两者都很好-正如某些人所声称的，绝对不被弃用。 对我来说，这只是视觉吸引力和意义之间的一条细线。

---

#3楼

和消耗的带宽大于和 。

他们还需要更多的输入（如果不是自动生成的）。

它们还会使编辑器屏幕上出现更多文本。 我似乎还记得程序员一样喜欢较小的源文件。 , ahem, excuse me) differences, but that's mostly phony to begin with.) （让我们成为现实，它们是相同的。是的，存在“技术性”差异（ ，哎呀，对不起，），但这首先是虚假的。”

使用以上任何标签，您可以使用样式表来自定义样式，但是如果需要它们与默认的呈现方式不同时，可以使用它们。

---

#4楼

和是显式的-分别指定粗体和斜体。

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

---

#5楼

和为文档添加了额外的语义。 碰巧的是，它们还为您的文本提供了大胆的斜体样式。

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

另一方面， 和仅适用字体样式，不应再使用。 （因为您应该使用CSS进行格式化，并且如果文本实际上很重要，那么无论如何您都可能会将其设置为“强”或“强调”！）

希望有道理。

---

#6楼

应避免使用和因为它们描述了文本的样式。 而是使用和因为它们描述了文本的语义（含义）。

与HTML中的所有内容一样，您应该考虑的并不是真正的外观 ，而是真正的含义 。 当然，对您而言可能只是粗体和斜体，而对于屏幕阅读器而言则不是。

---

#7楼

“它们具有相同的效果。但是，XHTML是一种更干净的HTML新版本，建议使用标签。strong更好，因为它更易于阅读-含义更清晰。此外， 传达了含义-强烈显示文本-而 （表示粗体）表示一种方法-粗体显示文本如果使用Strong，则使用CSS样式表来更改使文本变粗的方法仍然有意义。

和 “之间的区别也是如此。

Google dixit：

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong

---

#8楼

b或i表示您希望文本显示为粗体或斜体。 strong或em表示您希望以用户理解为“重要”的方式呈现文本。 默认设置是将strong表示为粗体，将em表示为斜体，但是其他一些文化可能会使用其他映射。

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

---

#9楼

正如其他人所说，和是显式的（即“使此文本变为粗体”），而和是语义的（即“应强调此文本”）。

在现代网络浏览器的背景下，很难看到差异（它们似乎都产生相同的结果，对吗？），但请考虑为视障人士使用屏幕阅读器。 如果屏幕阅读器遇到标记，它将不知道该怎么办。 但是，如果遇到标记，它就会知道应将其内的内容强调给侦听器。 在其中，您得到了实际的区别。

---

#10楼

它们对普通的Web浏览器呈现引擎具有相同的效果 ，但是它们之间存在根本的区别 。

正如作者在讨论列表中写道：

考虑三种不同的情况：

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

“粗体”是一种样式-当您说“粗体”时 ，人们基本上都知道这意味着在字母周围添加更多（比如说“墨水”），直到它们在其余字母中脱颖而出。

不幸的是，这对盲人没有任何意义。 在手机和其他PDA上，由于屏幕分辨率非常小，因此文本已经为粗体。 如果不弄乱某些内容，就无法加粗。

是一种样式 -我们知道“粗体”应该是什么样子。

但是表明如何理解某事 。 “强”可能（而且经常确实）在浏览器中表示“粗体”，但对于像Jaws这样的口语程序（对于盲人）也可能意味着较低的语气，或者用下划线表示（因为您不能将粗体粗体）。

HTML从来都不是关于样式的。 搜索 “ Tim Berners-Lee”和“语义网”。 是语义它描述其围绕文本（例如，“这段文字应该比你显示的文本的其余部分强”），而不是描述如何其围绕文本应显示 （例如，“这文字应为粗体” ）。

---

#11楼

和都与样式有关，而和是语义。 在HTML 4中，第一个分类为字体样式元素 ，第二个分类为短语元素 。

正如您正确指出的那样， 和通常被认为是相似的，因为浏览器经常以斜体显示两者。 但是根据规范， 表示强调，而 表示更强的强调 ，这很明显，但是经常会被误解。 另一方面，何时使用或的区别实际上是样式问题。

---

#12楼

通常，您应尽量避免使用和 。 引入它们是为了在创建CSS之前在HMTL早期版本中布局页面（改变其外观），例如同时删除了font标签，并且主要是为了向后兼容而保留，因为某些论坛允许使用内联HTML，因此更改文本外观的简便方法（例如使用[i] BBCode，可以使用等等）。

自创建CSS以来，实际上不再需要在HTML中进行布局，这就是为什么首先创建CSS的原因（HTML == Structure，CSS == Layout）。 这些标记将来也可能消失，如果您需要“无意义”的字体变化，您毕竟可以使用CSS和span标记使文本加粗/斜体。 HTML 5仍然允许它们，但声明以这种方式标记文本没有任何意义 。

另一方面， 和仅表示“强调”或“强调”某些内容，使浏览器完全可以使用它进行呈现。 大多数浏览器将呈现em为斜体和strong大胆作为标准建议在默认情况下，但他们不会被强迫这样做（他们可能会使用不同的颜色，字体大小，字体，等等）。 您可以使用CSS以所需的方式更改行为。 你可以让em如果你喜欢和大胆strong红色粗体显示，例如。

---

#13楼

尽管和在语义上当然更正确，但似乎有明确的合理理由将和标记用于客户编写的内容。

在此类内容中，单词或词组可能会以粗体或斜体显示，并且通常不由我们来分析此类粗体或斜体的语义推理。

此外，这样的内容可以指粗体和斜体词和短语，以传达特定的含义。

一个例子是英语考试题，指示学生替换粗体字。

---

#14楼

正如其他人所指出的，区别在于和硬编码字体样式，而和用字体样式（或浏览器语调或您拥有什么）来规定语义。在呈现（或说出）文本时确定。

如果可以，您可以将其视为“物理”字体样式和“逻辑”样式之间的区别。 稍后，您可能希望更改和文本的显示方式，例如，通过更改样式表中的属性以添加颜色和大小更改，甚至完全使用不同的字体。 如果您使用的是“逻辑”标记而不是硬编码的“物理”标记，则只需在样式表中的一个位置更改显示属性，然后所有引用该样式表的页面都会自动更改 ，而无需曾经不得不编辑它们。

很漂亮吧？

这也是为段落，表格单元格，标题文本，标题等以及使用

标签定义子样式（在文本标签中使用style=属性引用）的基本原理。 您可以在样式表中为逻辑样式定义物理表示，并且更改将自动反映在引用该样式表的网页中。 想要源代码的其他表示形式吗？ 重新定义您的“代码”样式的字体，大小，粗细，间距等。

如果使用XHTML，甚至可以定义自己的语义标记，并且样式表将为您完成物理字体样式和布局的转换。

---

#15楼

和是抽象的（人们说这是语义时的意思）。 和是使事物“强”或“强调”的特定方法

： ::车辆::吉普车

---

#16楼

HTML格式元素：

HTML还定义了特殊元素，用于定义具有特殊含义的文本。 HTML使用和之类的元素来格式化输出，例如粗体或斜体文本。

HTML粗体和强格式：

HTML 元素定义粗体文本，没有任何额外的重要性。

This text is bold

HTML 元素定义强文本，并增加了语义上的“强”重要性。

This text is strong

HTML斜体和强调格式：

HTML 元素定义斜体文本，没有任何额外的重要性。

This text is italic

HTML 元素定义了强调的文本，并增加了语义重要性。

This text is emphasized

---

#17楼

， ， 和标签是代表性的。 但是在HTML5中 为它们赋予了新的语义含义 。

和用于HTML4中的字体样式。 用于斜体， 用于粗体。 在HTML5中， 标签具有新的语义含义，即“ 替代语音或心情 ”，而标签具有样式偏移的含义。

标签的示例用法是-分类名称，技术术语，另一种语言的惯用语，音译，思想，西方文本中的船名。 如 -

I hope this works, he thought.

标记的示例用法是文档摘录中的关键字，评论中的产品名称，交互式文本驱动软件中的可操作词，文章线索。

以下示例段落在样式上从其后面的段落偏移。

The event takes place this upcoming Saturday, and over 3,000 people have already registered.

和在HTML4中具有强调和强调的含义。 但是在HTML5中， 表示强调强调，而表示强烈重要性 。

在以下示例中，在阅读... 之前的单词时应该进行语言更改。

Make sure to sign up before the day of the event, September 16, 2016

在同一示例中，我们可以使用标签，如下所示。

Make sure to sign up before the day of the event, September 16, 2016

重视活动日期。

MDN参考：

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/b

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/i

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/em

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/strong

---

#18楼

我们将标记用于具有较高SEO目的的文本，例如产品名称，公司名称等，而简单会使它变为粗体。

同样，对于具有SEO优先级的文本，我们使用 ，而对使用斜体。

---

#19楼

仅在因任何原因无法使用或无法使用CSS样式类时才使用它们（例如博客系统，仅允许在帖子中使用某些标签，并最终允许使用嵌入的样式）。 另一个原因是支持非常古老的浏览器（某些移动设备？）或原始搜索引擎（为或标签提供点，而不是分析CSS样式）。

如果可以定义CSS样式，请使用它们。