div section article区分--20150227

div section article ，语义是从无到有，逐渐增强的。div 无任何语义，仅仅用作样式化或者脚本化的钩子(hook)，对于一段主题性的内容，则就适用 section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。原则上来说，能使用 article 的时候，也是可以使用 section 的，但是实际上，假如使用 article 更合适，那么就不要使用 section 。nav 和 aside 的使用也是如此，这两个标签也是特殊的 section，在使用 nav 和 aside 更合适的情况下，也不要使用 section 了。

对于 div 和 section、 article 以及其他标签的区分比较简单。对于 section 和 article 的区分乍看比较难，其实重点就是看看这段内容脱离了整体是不是还能作为一个完整的、独立的内容而存在，这里面的重点又在完整身上。因为其实说起来 section 包含的内容也能算作独立的一块，但是它只能算是组成整体的一部分，article 才是一个完整的整体。

转载于:https://www.cnblogs.com/thelongmarch/p/4303898.html

div section article区分--20150227相关推荐

div,section,article,aside 区分
section:含义是区,块.里面必须包含一个标题,如果一个网页分区比较明确可以使用section.举例:报纸 section不能代替div.在没有明确的区块划分(没有标题)的情况下最好用div,如果 ...
section标签及辨析div\section\article异同
section标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. div\section\article标签 div充当容器的角色,用来设置某一块的总体属性(一个d ...
CSS3中的div,section,article的区别
div:在任何框架中,div始终是div,不管你是什么,都可以使用div,咱的功能就是自成个钩子方便添加样式. section:当然既然可以用section,那这部分内容就一定也可以使用section ...
html语言 section type,HTML5中div、article、section的区别及使用介绍
最近正在学习html5,刚接触html5,感觉有点不适应,因为有一些标签改变了,特别是div, section article这三个标签,查了一些资料,也试着用html5和css3布局网页,稍微有点头 ...
HTML5学习笔记简明版（2）：新元素之section,article,aside
section section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块.section可以表示成一个小节,或者tab ...
新元素之section,article,aside
section section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块.section可以表示成一个小节,或者tab ...
HTML5——section,article,aside
section section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块.section可以表示成一个小节,或者ta ...
HTML中的div,section,acticle三个标签的区别
一开始,我对这三个标签也是比较困惑,总感觉这三个标签用起来差不多.查了资料之后才觉得这三个标签原来各有作用. 1.div元素: 它本身无任何语义,用作布局以及样式化标签,可定义文档中的分区或节,相当于 ...
div section和article区别
在Html5中,加入了很多用于"布局"的标签,他们有<header>.<nav>.<section>.<article>.<a ...
ssm开发经验动态设置div/section标签背景图片
情景时酱紫的: 图片是一个url,在页面加载完成之后根据后台给的url动态设置标签的背景图片,效果就像这样子,后边这一大堆企鹅和前边的企鹅用的是一样的url,但是前边的是img,后边的是div 解决 ...

div section article区分--20150227

div section article区分--20150227相关推荐

最新文章

热门文章