Web语义化

什么是Web语义化？

web语义化是指使用恰当语义的html标签、class类名等，让页面具有良好的结构和含义，使得人和机器都能快速理解网页内容。

语义化的优点

1、有助于构架良好的html结构，有利于搜索引擎的建立索引、抓取；

2、去掉或者丢失样式时可以让页面呈现清晰的结构；

3、方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）；

4、有利于构建清晰的机构，有利于团队的开发、维护。

语义化标签（部分）

h1~h6、p、th,tbody、dl,dt,dd等。

<section> 元素定义文档中的节（有主题的内容组，通常具有标题）。

<article> 元素规定独立的自包含内容。

<header> 元素为文档或节规定页眉。

<footer> 元素为文档或节规定页脚。

<nav> 元素定义导航链接集合。

<aside> 元素页面主内容之外的某些内容（比如侧栏）。

<figure>包含图像、图表和照片。figure标记可以包含<figcaption>，<figcaption>表示图像对应的描述文字。

<address> 标签定义文档或文章的作者/拥有者的联系信息。