零基础建站培训介绍

当前位置:

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>
上一课: 下一课:

发表评论

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

相关教程

  • 如何在网页文字后加水平线?在HTML中,定义水平线可以使用水平线标签HR标签来写一个水平线。基本写法:<hr />并且还可以对水平线添加颜色
  • html文件又称网页文件,是我们建网站过程中特别常用的文件类型。对于很多做网站新手不知道html文件用什么软件打开和编辑。下面给建站新手们普及一下这
  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。
  • 什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符,就像一个人名字张三、李四代表人的姓名一样。这里说
  • HTML和XHTML有什么区别 (11610 次学习)
    HTML和XHTML的区别体现在功能上bai和书写du习惯两大方面。1.功能上(1)HTML对于各大zhi浏览器兼容性较dao差(pc端浏览器、手机端浏览器、PAD),对
  • HTML粗体标签:HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .HT
  • HTML5 video是最新HTML5新增标签的视频播放标签。用于网页播放视频。【相关教程:html5入门教程】它的代码是<video src="abc.mp4" con
  • html span标签用法详解 (11832 次学习)
    在HTML中,span标签是经常使用的标签。在HTML入门教程中,我们也详细介绍了span标签,下面学做网站论坛就对html span标签用法作一个详细介绍。html s
  • 我们在做网站时,网站上的列表都是用LI标签来做的,使用li标签制作了列表之后,会发现在 ie 7 下发现 li 元素之间会留白,如下图:原以为是样式的问
  • HTML字体加粗标签怎么写 (119654 次学习)
    HTML中给字体加粗一般会使用HTML字体加粗标签。HTML字体加粗标签就是<strong>标签。<strong> 要加粗的文字 </strong><str