html5中div section文章的具体区别?

Div:它没有语义,用于布局和样式。

Section:相对于div的语义缺失,简单来说section就是一个有语义的div,但是不要以为真的那么简单。一节代表一个主题,通常有一个标题。节应用的典型场景包括文章的章节、选项卡对话框中的选项卡或论文的编号部分。一个网站的主页可以分为介绍、新闻和联系方式。部分不仅仅是一个普通的容器标签。当标签只是用于样式或方便脚本使用时,应该使用Div。一般来说,当元素的内容清楚地出现在文档大纲中时,section适用。

& lt文章& gt

& lthgroup & gt

& lth 1 & gt;苹果& lt/h 1 & gt;

& lth2 & gt好吃吗?好吃吗?水果!& lt/H2 & gt;

& lt/h group & gt;

& ltp & gt那个?苹果?是吗?那个?pomaceous?水果?的?那个?苹果?树。& lt/p & gt;

& ltsection & gt

& lth 1 & gt;红色?好吃& lt/h 1 & gt;

& ltp & gt这些?光明?红色?苹果?是吗?那个?大多数?常见?找到了?在?许多

超市。& lt/p & gt;

& lt/section & gt;

& ltsection & gt

& lth 1 & gt;奶奶?史密斯& lt/h 1 & gt;

& ltp & gt这些?多汁吗?绿色?苹果?制造?答?很棒?填充?为

苹果?馅饼。& lt/p & gt;

& lt/section & gt;

& lt/article & gt;文章:这是一个特殊的section标签,比section有更清晰的语义,它代表一个独立完整的相关内容块。一般来说,

文章将有一个标题部分(通常包含在页眉中),有时还有一个页脚。虽然部分

它也是一篇主题性的内容,但文章本身在结构和内容上是独立完整的。当一篇文章嵌入到一篇文章中时,原则上,内层文章的内容与外层文章的内容相关。例如,在一篇博文中,包含用户提交的评论的文章应该在包含博文的文章中潜逃。

& lt文章& gt

& lt标题& gt

& lth 1 & gt;那个?非常?首先?规则?的?生活& lt/h 1 & gt;

& ltp & gt& lt时间?pubdate?datetime = " 2009-10-09t 14:28-08:00 " >& lt/time & gt;& lt/p & gt;

& lt/header & gt;

& ltp & gt如果?有吗?答?麦克风?任何地方?附近?你呢?假设?是吗?热吗?和

发送?管他呢。你是。说什么?去哪?那个?世界。?说真的。& lt/p & gt;

& ltp & gt...& lt/p & gt;

& ltsection & gt

& lth 1 & gt;评论& lt/h 1 & gt;

& lt文章& gt

& lt页脚& gt

& ltp & gt贴吧?作者:?乔治?华盛顿& lt/p & gt;

& ltp & gt& lt时间?pubdate?datetime = " 2009-10-10t 19:10-08:00 " >& lt/time & gt;& lt/p & gt;

& lt/footer & gt;

& ltp & gt耶!?尤其是?什么时候?说话?关于什么?你的?说客?朋友们!& lt/p & gt;

& lt/article & gt;

& lt文章& gt

& lt页脚& gt

& ltp & gt贴吧?作者:?乔治?哈蒙德& lt/p & gt;

& ltp & gt& lt时间?pubdate?datetime = " 2009-10-10t 19:15-08:00 " >& lt/time & gt;& lt/p & gt;

& lt/footer & gt;

& ltp & gt嘿?你呢。有吗?那个?一样?首先?名字?作为?我。& lt/p & gt;

& lt/article & gt;

& lt/section & gt;

& lt/article & gt;总结:div节文章,语义是从无到有,逐渐增强的。差异

没有任何语义,只用于样式,适用于一个主题内容。

部分,如果这段内容可以脱离上下文作为一个完整和独立的内容,文章适用。原则上可以用article。

Section也可以,但其实如果用article更合适,那就不要用section。导航和侧边

对于的使用也是一样,这两个标签也是特殊的section,所以在nav和side比较合适的时候就不要用section了。

div和section、article和其他标签之间的区别相对简单。对于部分和文章

乍一看,很难分辨。其实重点是看这个内容在没有整体的情况下是否还能作为完整独立的内容存在,这里的重点是完整性。因为实际上来说,

section中包含的内容也可以算作一个独立的块,但只能算是整体的一部分,article是一个完整的整体。