最近移动端网页要重写代码,移动端都是html5+css3了,想让网页显得有逼格也与时代接轨,语义化不能缺少,更少的代码,更好的体验
距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.” 通俗来说就是 以上就是HTML5 语义化标签(移动端必备)的详细内容,更多请关注易知道|edz.cc其它相关文章!
不要把