HTML标签语义化

　　1.什么是标签语义化？

　　　　像<h1-h6>，<ul><li>，<strong>等以及HTML5中的<header>，<article>，<nav>，<footer>等标签，通过标签就可以知道标签的含义，这就是语义化；

 

　　2.为什么要标签语义化？

　　　　2.1 便于开发者维护、开发

　　　　　　如果满篇都是<div>这种无意义的标签，开发人员只能通过css定义的类选择器了解标签的含义；

　　　　　　如果使用<header><article><nav><footer>等，就很清晰的了解整体代码结构

　　　　2.2 便于SEO，搜索引擎爬虫更能够解析网页；引擎爬虫会根据标签确定上下文，提高关键字的权重比；

　　　　2.3 在样式丢失时，能够呈现出清晰的结构；

　　

　　3.开发中如何遵循语义化标签？

　　　　3.1 尽量少使用无意义的标签span/div

　　　　3.2 尽量不使用标签本身的属性，<b><font>等，推荐使用css中的样式

　　　　3.2 尽量不使用<strong>等，推荐使用css中的样式

　　　　3.4 搭建表格时，使用<thead><tbody><tfoot>

　　　　3.5 搭建列表时，使用<ul><ol><dl>