|
对于语义化标签的理解：语义化的HTML就是正确的标签做正确的事情，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。
当使用div标签时，这种本身不具备含义，只是提供结构的标签会给程序阅读者造成一定的麻烦，不阅读内容，就不知道这个标签在描写什么。而使用footer，header，nav等语义化标签会有效的解决此问题。
使用语义化标签的好处：
1.在没有CSS的情况下，页面也能呈现出很好的内容结构
2.语义化使代码更具可读性，便于团队开发和维护
3.语义化有利于用户体验（例如 title，label，alt属性的灵活运用）
4.语义化有利于SEO（和搜索引擎建立良好的沟通，有助于爬虫爬更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重）
简单来说就是，页面结构好，容易阅读和维护，有利于用户体验，和搜索引擎的沟通好。
以下是H5语义化标签的简介：
article标签：装载显示一个独立的文章内容。artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系。例如，一个博客文章，可以用article显示，然后一 些评论可以以article的形式嵌入其中。
section 标签：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
Aside标签： 用来装载非正文类的内容。例如广告，成组的链接，侧边栏等等。
header 标签定义：文档的页面组合，通常是一些引导和导航信息。
footer 标签定义： section 或 document 的页脚。
nav 标签定义：显示导航链接不是所有的成组的超级链接都需要放在nav标签里。nav标签里应该放入一些当前页面的主要导航链接。
time 标签定义：公历的时间（24 小时制）或日期，时间和时区偏移是可选的。
|