html语义化就是根据内容的结构化,选择合适的标签,便于开发者阅读和写出更优雅的代码的同时让浏览器爬虫和机器很好地解析。
为什么要语义化?
1、为了在没有css的情况下, 页面也能呈现出较好的内容结构。
2、增强用户体验:例如title、alt属性用于解释名词或解释图片信息、label标签的活用。
3、有利于SEO(搜索引擎优化):和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重。
4、语义化使html代码更具可读性,有利于团队开发和维护
编写html时应该注意什么?
1、尽量少使用无语义的标签div和span。
2、在语义不明显时,使用p比使用div要优, p标签在默认情况下有上下边距, 对兼容特殊终端有利。
3、需要强调的文本,可以包含在strong或em标签里(浏览器预设样式,能用css就不需要用它们),strong标签是加粗(不要用b标签), em标签是斜体(不要用i标签)
4、使用表格时,标题要用caption,表头用thead,主体用tbody包围, 尾部用tfoot包围; 表头和一般单元格要区分开, 表头用th, 单元格用td。
html5新增的语义化标签:
<header>
<nav>
<article> <aside>
<section>
<footer>
原文链接:https://www.cnblogs.com/fliu/articles/5244866.html