零基础建站培训介绍

当前位置:

div 与 section、article 区别及使用场合

在进行学习HTML视频教程时,很多学建网站学员会对div、section、article的使用混淆。下面学做网站论坛就来讲一下div 与 section、article 区别及使用场合。

(1)div:作为布局以及样式化时使用;使用时比较随便。例如:

<DIV>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</DIV>

(2)section:表示文档中的节,一般是具有标题的。如:文档大纲、文章章节、博客条目、用户评论部分或者论文中有编号的部分时使用;

通常会带有标题。如果没有标题,那么就不推荐使用section。

<section>
<h1>文章章节小标题</h1>
<p>文章章节内容</p>
</section>

(3)article:表示独立的自包含内容,如:一篇文章。文章中可包含标题、内容、脚注

<article>
<header>
<h1>文章标题</h1>
</header>
<p>文章内容</p>
<foot>文章脚注</foot>
</article>
上一课: 下一课:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方
  • DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。1、margin语法Margin:10pxMargin的值是数字
  • 在进行学习HTML视频教程时,很多学建网站学员会对div、section、article的使用混淆。下面学做网站论坛就来讲一下div 与 section、article 区别及使用
  • HTML<article>标签 (11064 次浏览)
    定义article元素:代表文档、页面、应用程序中独立的完整的被外部引用的内容区域。它可以是博客中的文章、帖子、用户的回复,总之article它所表示的
  • 相同点:后缀有html,htm,shtml本质上都属于静态网页一种。(相关教程:HTML入门教程)区别:.html与.htm均是静态网页后缀名,网页文件
  • html与xhtml有什么区别 (14765 次浏览)
    html与xhtml都是静态网页的一种格式,在我们自己做网站时,都会经常遇到。它们之间有很多的相同点,也有一点区别:1.XHTML 元素必须被正确地嵌套
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法[cce_html]<img src="图片地址" alt=
  • 通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、
  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。