: 分区标签

最后更新：2026-09-12

<div>分区标签

<div>（分区）元素是通用的块级容器，没有特定的语义含义。它常用于将内容分组、配合 CSS 布局（如 flex/grid）以及作为 JavaScript 操作的目标。

<div>块级内容</div>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<div>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

注意： 优先使用语义化标签（如 <section>、<article>、<header>），仅在无语义需求时才用 <div>。

和

有什么区别？

A<div> 是无语义含义的通用容器，而 <section> 表示内容的语义分组。章节、标签页或主题内容组应使用 <section>。

在 HTML5 中被废弃了吗？

A没有，<div> 并未被废弃。它在 HTML5 中仍然有效，但为了更好的可访问性和 SEO，建议在适合时优先使用语义元素如 <article>、<section>、<nav> 或 <header>。

可以包含另一个

吗？

A可以，<div> 元素可以无限嵌套。这在构建复杂布局时很常见，尽管现代 CSS（Flexbox、Grid）已经减少了对深层嵌套 div 的需求。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。