浏览器默认 display: block 的常见标签包括、、–、、、、、、、、、、、、、等，HTML5 语义标签如、也默认块级。

HTML 块级元素没有固定“清单”，但浏览器默认渲染为块级的常见标签就那么十几个，用错或滥用反而会破坏语义和可访问性。

哪些标签默认是块级元素？

浏览器对某些标签有内置的 display: block 样式，典型如：

、

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

、

–

、

、

、

、

、

、

、

、

、

---

、、

、

、

。注意：

、

、

等新语义标签也默认块级，但它们的价值不在“换行”，而在结构表达。

为什么不能只看“是否换行”来判断块级？

块级行为本质是 CSS 渲染结果，不是 HTML 标签的固有属性。比如： 加上 style="display: block" 就表现得像块级；反过来，

设成 display: inline 就不再独占一行。常见误判场景包括：

• 把 当作纯内联——它默认是 display: inline-block，既可设宽高又能同行排列
• 以为 是块级——它默认是内联（inline），但因替换元素特性常被误认为“自动换行”
• 在 Flex/Grid 容器中，子元素的块/内联表现完全由容器控制，display 值可能被覆盖

什么时候该用块级标签，而不是靠 CSS 强行改？

核心原则：用标签表达内容意图，用 CSS 控制呈现方式。例如：

• 用
  表示一段完整文字段落，而不是用
  + margin 模拟
• 用
  +
• 表达无序列表项，而非一堆
  手动加圆点
• 用
  包裹主导航，即使它视觉上是横向排列（CSS 可设 display: flex）

否则屏幕阅读器可能无法识别结构，SEO 也可能弱化语义权重。

容易被忽略的兼容性细节

老版本 IE（如 IE8）对部分 HTML5 块级语义标签（

、
等）不识别，需用 document.createElement 或 html5shiv 激活样式支持。另外：

---

和
常被混淆——

---

是块级分隔符，
是内联换行符，二者语义与渲染行为完全不同。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！