距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司网站推论），可能一部分原因是仍有部分用户使用在使用低版本浏览器。
但是就我个人而言，因选取一些标签时会比较纠结，所以仍使用了div。（PS：正是因为这样，才有了这篇文章的，没错，以后要注意语义化了）
什么是语义化？就是用合理、正确的标签来展示内容，比如h1~h6定义标题。
语义化优点：
易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。
有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。
方便其他设备解析，如盲人阅读器根据语义渲染网页
有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。
今天先介绍主体结构标签，如图所示：
1、
在一个文档中，您可以定义多个
2、
在一个文档中，可定义多个
3、
需要注意的是在一个文档中不能出现多个
4、
当
5、
6、
使用footer插入联系信息时，应在 footer 元素内使用
元素。注意不能包含
7、
如果元素内容可以分为几个部分的话，应该使用 这几个标签，比较容易混淆的是 “Authors are encouraged to use the article element instead of the section element when it would make sense to syndicate the contents of the elemen.” 通俗来说就是 本文仅代表作者观点，不代表本站立场。
不要把 版权声明
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/html5/72851.html
相关文章
| 留言与评论（共有 0 条评论） |
