距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使用低版本浏览器。
但是就我个人而言,因选取一些标签时会比较纠结,所以仍使用了div。(PS:正是因为这样,才有了这篇文章的,没错,以后要注意语义化了)
什么是语义化?就是用合理、正确的标签来展示内容,比如h1~h6定义标题。
语义化优点:
易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。
有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。
方便其他设备解析,如盲人阅读器根据语义渲染网页
有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。
今天先介绍主体结构标签,如图所示:
1、
在一个文档中,您可以定义多个
2、
在一个文档中,可定义多个
3、
需要注意的是在一个文档中不能出现多个
4、
当
5、
6、
使用footer插入联系信息时,应在 footer 元素内使用
元素。注意不能包含
7、
如果元素内容可以分为几个部分的话,应该使用
不要把 好了,今天的内容就分享到这里,如果你有什么疑问可以在下方评论哦~ 今天的内容就分享到这里,也希望本次分享对你有所帮助和有所提升! 如果你想学习更多的前端知识以及最新的源码,你可以关注我,私信,回复学习资料即可获取一份web前端精品学习资料
閱讀更多 易學前端筆記 的文章