最常用的是、、–、和，覆盖80%以上页面需求；因无默认样式、高嵌套性与布局兼容性成最安全容器，但不可替代语义标签。

最常用的是

、

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

、

–

、 和 —— 它们覆盖了 80% 以上的页面结构与内容表达需求，且语义清晰、浏览器兼容性极好。

为什么

还是第一选择？

它不是语义最强的，但却是最“安全”的容器：没有默认样式干扰、可嵌套任意元素、支持所有 CSS 布局模型（Flex/Grid/Float）。现代框架（React/Vue）生成的 DOM 也大量依赖

作为挂载点或逻辑分组。

• 别用它替代语义化标签：比如不要用
  代替

  ，除非你明确需要降级兼容老项目或 SSR 渲染限制
• 不会触发屏幕阅读器特殊行为，而

  、

  会——这点在无障碍测试中容易被忽略
• 嵌套深度建议控制在 4 层以内；过深的
  堆叠会让调试和 CSS 选择器变得脆弱

  和

  –

  的实际使用边界

  它们不是“换行工具”，而是内容层级信号。搜索引擎和辅助技术靠这些判断主次关系。

  • 自动处理段前/段后空白，但不会合并连续空格或换行符；要保留原文格式请改用
    或 CSS white-space: pre-wrap
  • 标题必须严格按层级递进：
    后接
    可以，跳到
    会破坏文档大纲，影响 SEO 和阅读器导航
  • 禁止用
    控制字号——该用 CSS font-size；否则响应式断点里字号失控，且无法统一维护

  和 的硬性约束条件

  这两个看似简单，但出错率最高，尤其在交付环节被自动化检测工具反复报错。

  • 必须带 alt 属性：空字符串 alt="" 表示装饰图，非空字符串需准确描述图像内容；缺失会导致 WCAG 2.1 AA 级别不达标
  • 的 href 值不能是 # 或 javascript:void(0)——前者触发页面跳顶，后者阻碍键盘 Tab 导航；如需 JS 行为，请用 button + role="link" 替代
  • 外链 建议加 rel="noopener noreferrer"，防止新窗口中 opener 泄露当前页面引用信息

  真正难的不是写出合法 HTML，而是让每个标签承担它该承担的职责：结构归结构，样式归 CSS，交互归 JS。一旦混用，后续改版成本会指数级上升——比如把

  当作加粗文本用，半年后想统一调整副标题样式时，就得全局 grep + 人工核对，而不是改一行 CSS。