【HTML】H5中的语义元素

语义元素

语义= 意义
语义元素 = 有意义的元素
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义元素实例（无需考虑内容）: <div> 和 <span> ；
语义元素实例（清楚的定义了它的内容）: <form>、<table>、<img>。

header元素

header元素可以表示网页的头部，也可以表示网页某一个部分的头部。

main元素

main元素表示网页的主体部分，一个页面中只会有一个main。

footer元素

footer元素可以表示网页的底部，也可以表示网页某一个部分的底部。

这三个标签是H5新增的标签，主要是语义化标签，在SEO中的作用没有那么明显，所以用的比较少。

nav元素

nav元素表示网页中的导航。

aside元素

aside元素表示和主体相关的内容，常用作侧边栏。

article元素

article元素表示一个独立的文章。

section元素

section表示一个独立的区块，上边的元素都不能表示时使用section元素。

说明

以上这些标签显示效果没有区别，只是分区块表示语义。
而div和span没有语义，div就用来表示一个区块；span 是一个行内元素，一般用于网页中选中文字，目前来讲div和span还是我们主要的布局元素。