欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > div css问集 >

CSS+div布局,article,section元素,相同点和区别

 

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

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-09-13 22:32 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。