卓象程序员：HTML5新增的主体结构元素

一、HTML5出现的意义

HTML5的出现对于web来说意义非常重大，因为它的意图是想要把目前web上存在的各种问题一并解决。

例如：

1.web浏览器之间的兼容性很低

2. 文档结构不够明确

3. Web应用程序的功能受到了限制世界知名浏览器厂商对于HTML5的支持，微软、谷歌、苹果Opera、火狐。那么我们今天就来学习HTML5新增的主体结构元素。

二、新增元素

1.article元素

代表文档、页面或应用程序中独立、完整的、可以独自被外部引用的内容。

EG：一篇博客、报刊中的文章、论坛帖子、用户评论、独立插件，或者任何独立的内容。

用法例子：

并且article可以进行嵌套使用：

2.aside元素

用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用。

EG：侧边栏、广告、导航条，以及其他类似的有区别于主要内容的部分。

用法例子：

3.Section

用于网站或应用程序中页面上的内容进行分块、或对文章内容分段。当一个容器需要被直接定义样式或通过脚本进行定义行为时，还是推荐使用div。

用法例子：

图解新标签

今天和大家分享了3个HTML5新增的主体元素，用于页面布局中的位置我列了一些图片给大家理解。

图解1：

图解2：

结语：其实HTML5更新的新标签，是将程序更加细致的语义化了。虽然这些问题我们都能够用div进行解决，但是HTML5的新标签会让更多的浏览器进行兼容，是为了发展的必经路程，希望各位同学认真体会，多多练习。每日分享技术干货~