HTML文本格式化

在我们使用HTML标签时，要清楚知道标签除了具有一定的语义外，还有默认的样式，例如<b>（加粗）、<em>（倾斜）等，通过这些标签我们无需借助 CSS 就可以为网页中的内容定义样式。在这些具有语义和默认样式的标签中，有许多是针对文本的，通过这些标签我们可以格式化文本（为文本添加样式），例如使文本加粗、倾斜或者添加下划线等。

HTML 文本格式化都有哪些？

举例说明：

（1）<b>加粗文本</b>

（2）<i>斜体文本</i>

（3）<code>电脑自动输出</code>

（4）这是_{下_标} 和^{上^标}

上面这四个是我们经常会使用的，下面把HTML中许多用来格式化文本的标签列出来，便于大家日后寻找和记录：

按照作用的不同，可以根据文字意思和作用，将这些格式化文本的标签分为两类：

（1）物理标签：这类标签用来为设置文本的外观；

（2）逻辑标签：这类标签用来赋予文本一些逻辑或语义值。

通过上表可以看出，有些标签的呈现效果虽然相同，但语义却不同，例如<strong>和<b>标签、<em>和<i>标签，下面就来详细介绍一下。

● <strong>和<b>标签之间的区别

相同点：b和strong都是使字体加粗。

区别一：

但是strong的语义性更强烈，对于优化搜索来说更好，能让它知道你这里面的内容的语义效果，b只对视觉效果进行了强调，而语义上没有帮助。

区别二：

strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bold（粗体）。

为了符合现在W3C的标准，推荐使用strong标签。

● <em>和<i>标签之间的区别

主要区别：<em>是基于内容的样式，<i>一个是基于物理的样式。

< i > 是视觉要素（presentationl elements），分别表示无意义的加粗，无意义的斜体，仅仅表示样式上是粗体或斜体，而没有强调的语义，这两个标签在HTML4.01中不推荐使用，建议用CSS样式；

< em > 是表达要素(phrase elements)。< em >（emphasized text）表示一般的强调文本，这个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。