欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

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>

必有有头有尾 才能正常显示

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w50852.shtml