html语义化标签

什么是语义化标签

语义化，通俗地说就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）

比如：

网页上的文章的标题可以用 `h1~h6`，网页上的各个栏目的**栏目名称**也可以使`h1~h6`。文章中内容的段落就得放在 段落标签p 中，在文章中有想强调的文本，就可以使用em标签表示强调等。

为什么使用语义化标签

• 更容易被搜索引擎收录；
• 更容易让屏幕阅读器读出网页内容；
• 能够更好的体现页面的主题；
• 兼容性更好，支持更多的网络设备。

html语义化标签

1.<a> 标签：实现超链接

强调:title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）

2.<p> 标签：文章段落放到<p> 标签中。

3.<h1> 标签：文章标题，栏目标题用<h1> 表示。

标题标签一共有6个， h1、h2、h3、h4、h5、h6 分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题，并且依据重要性递减， <h1> 是最高的等级

4.<strong> 和<em> 标签：特别强调某几个文字。

但两者在强调的语气上有区别: <em> 表示强调， <strong> 表示更强烈的强调。并且在浏览器中<em>默认用 斜体 表示， <strong> 用 粗体 表示。

两个标签相比，目前国内前端程序员更喜欢使用<strong> 表示强调。

5.<q> 标签：短文本引用

注意要引用的文本不用加 双引号 ，浏览器会对q标签自动添加双引号。

6.<address> 标签：为网页加入地址信息。

7.<ul> 标签：无序列表。

8.<ol> 标签：有序列表

9.<caption> 标签：为表格添加标题和摘要。

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容

语法：<table summary="表格简介文本">