在我们使用HTML标签时,要清楚知道标签除了具有一定的语义外,还有默认的样式,例如<b>(加粗)、<em>(倾斜)等,通过这些标签我们无需借助 CSS 就可以为网页中的内容定义样式。在这些具有语义和默认样式的标签中,有许多是针对文本的,通过这些标签我们可以格式化文本(为文本添加样式),例如使文本加粗、倾斜或者添加下划线等。
HTML 文本格式化都有哪些?
举例说明:
(1)<b>加粗文本</b>
(2)<i>斜体文本</i>
(3)<code>电脑自动输出</code>
(4)这是<sub>下标</sub> 和<sup>上标</sup>
上面这四个是我们经常会使用的,下面把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)表示一般的强调文本,这个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。