必须含～才具语义，否则等同

section 必须带

～

才算有效语义

没标题的

在读屏器和搜索引擎眼里等于

，只是多写了一个标签。它不会被纳入文档大纲，也不会提升可访问性。

• 标题不一定要紧贴开头，但必须在同一个
  内部（比如可以先放
  ，再放
  ）
• 嵌套
  时，子级标题级别必须低于父级（
  下只能是
  或更低）
• 用浏览器插件（如 HTML5 Outliner）能直观看到大纲是否合法；如果某段内容没出现在大纲里，
  就白写了

div 是唯一明确声明“此处无语义”的标签

不是过时工具，而是精准锚点：当你只需要一个 class 控制样式、一个 id 绑定 JS、或一个纯视觉容器时，它就是最诚实的选择。

• 适合：
  、

  、
• 不适合：把“客户评价”区块包进
  ——这等于放弃语义，还误导后续维护者
• 性能上没差别，但混用会导致读屏器跳过关键结构（例如 NVDA 会直接念第一个文本，不报“章节名”）

section 套 div 合理，div 套 section 多数情况是错的

内部用
做布局或交互容器完全正常；反过来则大概率说明结构设计有问题。

• 合理示例：

  产品特性

  …
  ——
  只负责网格排列，不承载主题
• 错误示例：

  用户反馈

  ——
  没语义价值，应直接删掉或换成

  /
• 唯一例外：
  这类由框架动态渲染的锚点，运行时生成

  属于合理场景，但手写 HTML 不该模仿

  别用 section 替代 article 或 nav

  三者分工清晰：

  表示可独立分发的内容（如博客正文），

  表示导航链接组，

  表示主题性分组。强行互换会破坏结构信号。

  

  财经HTML高端海报生成

  复杂得财经如何变成清晰，适合手机看的海报？如何加上你的IP

  下载

  • “最新文章列表”用
    是错的——每篇文章都可单独 RSS 推送，该用
  • 顶部主导航栏用
    包着，读屏器会误判为“内容章节”，正确标签是
  • 整页主内容区用
    而不是

    —— 它缺标题，且语义上该由

    承担

    实际写的时候，最容易忽略的是标题绑定和大纲验证。很多人写了

    就以为语义到位了，结果一查大纲全是空的——那跟写

    没区别。