HTML5新标签的优点:
1.更注重于内容而不是形式
2.对人的友好,更加的语义化,高度的毛属性,更加的只管,增加了代码的可读性
3.对计算机的友好,游览器更容易解析,搜索引擎更容易抓取文档的内容
4。代码更加的简洁
新增的布局标签
1.article标签,定义一个独立内容区块,一片文章,一个视频文件等 强调的是内容的独立性
2.section标签,定义一个区域,如文章的章节等 作用就是给内容分段,给页面分区,页面内容分块 强调的是内容的关联性
3.nav标签 定义目录导航
4.aside标签:定义侧边栏
5.figure/figcaption标签,定义一组媒体内容以及它们的标题
6.header/footer,定义一个头部、底部
7.hgruop 标题的分组
8.address标签 地址,联系信息等
article标签,section标签 的相同点,本质上都是带有语义的DIV块元素 分辨可以看做(div id="section")和(div id="article")
<article>
<p>盼望</p>
<p>席慕蓉</p>
<p>其实</p>
<p>我盼望的</p>
<p>也不过就那么一瞬</p>
<p>我从来没有要求过你给我你的一生</p>
<p>如果能在开满栀子花的山坡上</p>
<p>与你相遇</p>
<p>能深深的爱过一次在别离</p>
<p>那么</p>
<p>再长久的一生</p>
<p>不也是只是回首时那短短的一
瞬</p>
</article>
必有有头有尾 才能正常显示