<div> · HTML 元素参考 · 码译 VibeCode

码

码译 · VibeCodeHTML 元素参考 · 来自 MDN

<div>

The generic container for flow content.

一句话说清

大白话：就是一个「啥语义都不代表」的万能盒子，专门把页面内容一块块包起来，方便用 CSS 给它排版、上样式。纯装饰、纯分组用，本身没有含义。

MDN 原文：The generic container for flow content.

实时效果沙箱预览

<div class="card">我是被包起来的一段内容</div>
<style>.card{border:1px solid #ddd;border-radius:8px;padding:16px;max-width:240px;font-family:sans-serif}</style>

属性	是干嘛的
`class`	给这盒子起个类名，是后续用 CSS 分组、上样式的主要钩子
`id`	页面内唯一的身份证，锚点跳转、JS 定位都用它
`lang`	标记这段内容是什么语言，利于读屏和搜索引擎
`title`	鼠标悬停时弹出的小提示文字
`style`	临时内联样式；能写 class 就别写它，太散

1）一上来就满屏 div 套 div，语义全丢，搜索引擎和读屏软件都看不懂——能用语义标签（section/article/nav）就别用 div。2）旧属性 align 已废弃，居中/布局请用 CSS（Flexbox / Grid），别再写 align="center"。