html中网页语义化导航标签是,html学习之——标签语义化(示例代码)

html语义化在前端学习中会经常出现，下面对html语义化做个总结

一、什么是HTML语义化

HTML语义化总的来说就是用正确的标签做正确的事。围绕着一些标签展开，如h1-h6。把适当的标签用在合适的地方。是页面结构更加的清晰。

二、html语义化有什么作用

1、使用html语义化，能使页面结构更清晰，便于解析。

2、有利于SEO。搜索引擎爬虫依赖于html标签来确定上下文和关键字权重。

3、使用html语义化，在没有css样式的时候页面也能正确清晰的呈现

4、有利于各种设备的解析，如盲人阅读器，屏幕阅读器

5、有利于团队合作开发与维护。

三、html5增加的语义化标签

1、

页面的标题，具有唯一性，标题的取名尽量包含网页几个关键字。

2、

用于分级标题，创建网页的层级关系。如果搜的的关键词与分级标题相匹配，则标题就会被赋予很高的权重。

3、

网站的标志，主导航，搜索框等

4、

网站的导航。

5、

网页的主要内容，一个网页只能有一个

6、

一个独立的容器，比如文档，网页，像报纸一样包起来。

7、

网站相似主题的一些内容，如自我介绍、联系信息等　。

8、

附注栏，比如侧栏，引述，产品列表，链接等。

9、

表示页脚

10、

指定细则，输入免责声明、注解、署名、版权。

11、

表示内容的重要性

12、

强调内容的重要性

13、

突出显示文本，梯形读者

14、

指明引用或参考的内容，并不从中引述

15、

表示引述的内容

16、

表示短引述

17、

创建图

18、figurecaption>

创建图的标题，必须在前面或者结尾

19、

省略符

20、

定义术语元素

21、

表示时间

22、

表示编码

23、

表示一些信息，如地址

24、

表示删除的内容

25、

表示添加的内容

预格式化文本