HTML页面结构语以化

语义化好处：

1、易修改、易维护

2、无障碍阅读支持

3、搜索引擎友好，利于SEO

4、面向未来的HTML，浏览器在未来可能提供更丰富的支持

 

结构语义化

语义元素均有一个共同特点--他们不做任何事情，仅仅只是页面结构的规范化，不会对内容的本质产生什么影响

常见的语义化标签：

header：头部

<header>元素有两种用法，第一是标注内容的标题，第二是标注网页的页眉

nav：导航栏

一般用于链接

aside（附注）

并不仅仅表示侧栏，也可以表示与周围文本没有密切关系的内容，文章中同样可以使用该元素，来说明文章的附加内容，解释说明某个观点，相关内容链接等等。

footer（页脚）

标准规定<footer>标签仅仅可以包含版权、来源信息、法律限制等等之类的文本或链接信息，如果需要别的信息，可以采用div

main（主要内容）

页面主体部分

article（文章）

文章内容块