语义化标签

一、定义：

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

二、优势：

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

三、无语义化标签

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

没有任何语义的一个盒子
没有任何语义的一个盒子
没有任何语义的一个盒子
没有任何语义的一个盒子

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

以下都为块级元素：

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

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