语义化标签

一、定义：

让标签有自己的含义，即看到此标签就知道是什么意思

二、优势：

1.代码结构清晰，方便阅读和维护，有利于团队合作开发
2.方便其他设备解析，以语义的方式来渲染网页
3.有利于搜索引擎优化（SEO）

三、无语义化标签

div：没有语义的一个块级容器
span：没有语义的一个行内容器

<div>没有任何语义的一个盒子</div>
<div>没有任何语义的一个盒子</div>
<span>没有任何语义的一个盒子</span>
<span>没有任何语义的一个盒子</span>

四、HTML5新增语义化结构标签：

以下都为块级元素：

<header>...</header>     头部
<nav>...</nav>	            导航
<section>...</section>     定义文档中的节。比如章节、页眉、页脚或文档中的其它部分 
<aside>...</aside>          侧边栏
<footer>...</footer>	        页脚
<article>...</article>         代表一个独立的、完整的相关内容块，可独立于页面其它内容使用。例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等

*HTML5新增元素IE6 7 8 都不支持