div 与 section、article 区别及使用场合
在进行学习HTML视频教程时,很多学建网站学员会对div、section、article的使用混淆。下面学做网站论坛就来讲一下div 与 section、article 区别及使用场合。
(1)div:作为布局以及样式化时使用;使用时比较随便。例如:
<DIV>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</DIV>
(2)section:表示文档中的节,一般是具有标题的。如:文档大纲、文章章节、博客条目、用户评论部分或者论文中有编号的部分时使用;
通常会带有标题。如果没有标题,那么就不推荐使用section。
<section>
<h1>文章章节小标题</h1>
<p>文章章节内容</p>
</section>
<h1>文章章节小标题</h1>
<p>文章章节内容</p>
</section>
(3)article:表示独立的自包含内容,如:一篇文章。文章中可包含标题、内容、脚注
<article>
<header>
<h1>文章标题</h1>
</header>
<p>文章内容</p>
<foot>文章脚注</foot>
</article>
<header>
<h1>文章标题</h1>
</header>
<p>文章内容</p>
<foot>文章脚注</foot>
</article>