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>