版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011033906/article/details/89975074
HTML文本标签
1. b标签
b标签常用于文本加粗,它对应于英文中的bold。
<b>b标签用于粗体显示文字</b>
2. strong标签
strong标签的作用和用法与b标签基本相同,但是在HTML5中为strong标签增加了语义,用其表示重要的文本。
<strong>strong标签用于粗体显示文本,表示重点内容</strong>
3. small标签
small标签用于显示小号字体,比如:版权信息,法律信息,免责声明
<small>版权信息,法律信息,免责声明</small>
4. i标签
i标签用于将文本斜体显示,它源于英语单词italic;常用于显示专业词汇,术语,谚语
<i>service</i>
5. em标签
em标签表示将文本斜体显示,它源于英语单词emphasize.
i标签和em标签都将文本斜体显示,它们有什么区别么?b标签和strong标签都将文本粗体显示,它们有什么区别呢?
b
标签和i
标签仅仅表示”此处应该用粗体显示”或者”此处应该用斜体显示”,eg:
- 要突出合同的价格那么可以用b标签粗体显示;
- 要表达一句谚语,可以用i标签将其斜体显示。
strong
标签和em
标签是为了强调内容的重要意义而显示粗体或者斜体;对于搜索引擎,爬虫,SEO而言更受重视。eg:
- 我们将”打倒法西斯!”这句话置于strong标签中;那么,语音阅读器时读到此strong标签就会重读。
概括地来说:b标签和i标签是物理元素 ;strong标签和em标签是逻辑元素。物理元素强调的是一种物理行为。比如说,把一段文字用b标签加粗,意思是告诉浏览器应该加粗显示,没有其他作用;而strong标签不但加粗了字体还起到了强调的作用。同理,i标签和em标签类似,故不再赘述
6. u标签
u标签用于表示文本下划线,它源于英文单词underline;请看如下示例:
<u>u标签标示文本的下划线</u>
7. sup标签
这里是上标<sup>1</sup>
8. sub标签
sub标签用于表示文本的下标,它是英文单词subscript的缩写;请看如下示例:
这里是下标<sub>2</sub>
9. span标签
span用于组合文档中的行内元素;它常结合CSS为文本中的某些部分进行特殊处理
<span style="color:#FA0">大家好</span><span style="color:#F00"> --> lizi</span>
10. font标签
font标签用于给文本设置文字大小和颜色等属性。示例如下:
<font color="red" size="15">测试font</font>
虽然font标签可以给文本设置样式,但是在HTML5中建议不再使用该标签,可采用CSS实现相同的功能。