大前端 (三) -- HTML5 标签 2

版权声明:本文为博主原创文章,未经博主允许不得转载。 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实现相同的功能。

猜你喜欢

转载自blog.csdn.net/u011033906/article/details/89975074
今日推荐