div、article、section的关系对比

XQstreamnetwork 2023-01-12 14:55:59

课时名称	课时知识点
div、article、section的关系对比

...全文

213 回复打赏收藏举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

以下内容只需要理会以下就好了,真正的时候我们很少用,基本用div就可以代替了主要区别，以及适用场合如下： 1、div在html早期版本就支持了，section和article是html5提出的两个雨衣话标签。如果只是针对一个块内容做样式化，三者并没有区别。 2、作为语义化标签，section应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一般来说，当元素内容明确地出现在文档大纲中时，section就是适用的。 3、对于article标签来说，无论从结构上还是内容上来说，artic

本文转载于:猿2048网站HTML知识点总结之div、section标签 div元素 div是块级元素，相当于一个容器，在语义上不代表任何特定类型的内容。主要用作大的框架布局，也就是说网页的骨架主要通过div来架设的，而网页的血肉则是有span、p或者ul等元素完成。 s...

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成，但section元素标签并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素而非section。 section 字面上理解为“块”，“部分”，s...

在HTML5中，开发过程中应该更加注重语义化和代码的结构标准。其中section、article和div标签是非常相似的东西，许多人无法区分它们。

本篇基于 freeCodeCamp 开源课程仓库中的挑战文档 [587d774e367417b2b2512aa0.md](https://link.gitcode.com/i/eade6a27349380f7020935f6ddafce5b) 展开，系统讲解 HTML5 分区元素 `article` 的语义定位、与 `section`/`div` 的选型差异，并结合该挑战完整的初始代码、验证断言与

谢青的课程社区_NO_1

1

社区成员

210

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章