HTML5中div和部分以及文章的区别是什么

这篇文章主要介绍了HTML5中div和部分以及文章的区别是什么,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

刚刚开始接触HTML5时,对它的标签很不适应,甚至一度有点反感,尤其是对div,部分中,文章这几个标签,实在弄不清楚应该使用在什么场合下。
<强> div

HTML规范:

p元素没有特殊含义。

这个标签是我们见得最多,用得最多的一个标签。本身没有任何语义,用作布局以及样式化或脚本的钩子(钩)。
<强>部分

HTML规范:“文档的部分元素表示一个通用部分或应用程序。一个部分,在这种情况下,是一个专题分组的内容,通常有一个标题。"

与div的无语义相对,简单地说部分就是带有语义的div了,但是千万不要觉得真得这么简单.section表示一段专题性的内容,一般会带有标题。看到这里,我们也许会想的到,那么一篇博客文章,或者一条单独的评论岂不是正好可以用部分吗?接着看:

鼓励作者使用本文元素而不是部分的元素时,它将使集团elemen的内容。

当元素内容聚合起来更加言之有物时,应该使用文章来替换部分。

那么,部分应该什么时候用呢?再接着看:

节将章的例子,不同的选项卡页面标签对话框,或论文的章节编号。一个网站的主页可以分成部分进行介绍,新闻,和联系信息。

部分应用的典型场景有文章的章节,标签对话框中的标签页,或者论文中有编号的部分。一个网站的主页可以分成简介,新闻和联系信息等几部分。其实我对这里传达信息很感兴趣,因为感觉部分和下面要介绍篇的论文更加适用于模块化应用,这个话题以后会出篇专门的文章来讨论,这里暂时略过。

要注意,W3C还警告说:

元素的部分并不是一个通用的容器元素。当一个元素需要样式的目的或作为一个方便的脚本,鼓励作者使用p元素。一般的规则是,部分元素适当> & lt; article> 　　& lt; hgroup>& lt; h2> Apples& lt; h3>美味,美味的水果! & lt;/h3>& lt;/hgroup> 　　& lt; p>苹果是苹果的苹果树。你们的水果;/p> 　　& lt; section> 　　& lt; h2>红色Delicious 　　& lt; p>这些鲜红的苹果是最常见的发现在许多超市。;/p> 　　& lt;/section> 　　& lt; section> 　　& lt; h2>奶奶Smith 　　& lt; p>这些多汁,青苹果做苹果馅饼的馅。;/p> 　　& lt;/section> 　　& lt;/article>

<强> 强条

HTML规范:本文

元素表示一个独立的成分在文档,页面,应用程序,或站点,原则上,独立可分配或可重用的,如在联合。

的文章是一个特殊的部分标签,它比节具有更明确的语义,它代表一个独立的,完整的相关内容块。一般来说,文章会有标题部分(通常包含在头内),有时也会包含页脚。虽然也部分是带有主题性的一块内容,但是无论从结构上还是内容上来说,文章本身就是独立的,完整的。

HTML规范中接着又列举了一些文章适用的场景。

这可能是一个论坛帖子,杂志或报纸的一篇文章中,一个博客条目,一个用户提交的评论,一个交互式的部件或设备,或任何其他独立项目的内容。

当文章内嵌条时,原则上来说,内部的文章的内容是和外层的文章内容是相关的,例如,一篇博客文章中,包含用户提交的评论的文章就应该潜逃在包含博客文章条之中。

问题是怎么才算“完整的独立内容”?有个最简单的判断方法是看这段内容在RSS提要中是不是完整的。看这段内容脱离了所在的语境,是否还是完整的,独立的。

例子: