html标签的核心是语义化结构而非死记硬背；必须为唯一根元素，仅承载元信息与资源声明，需严格遵循语义布局规则。

掌握HTML标签不是背诵清单，而是理解它们在文档结构中各自承担的角色。脱离结构谈标签，容易写出语义混乱、维护困难的页面。

为什么 必须是根元素，不能嵌套或省略

是浏览器解析的起点，所有其他标签（包括 和 ）都必须直接或间接位于其内部。省略它会导致浏览器进入怪异模式（quirks mode），样式和脚本行为不可预测。

• 即使现代编辑器自动补全，也建议显式写出 —— lang 属性对屏幕阅读器和SEO至关重要
• 不要把另一个 塞进 里，这在HTML中非法，多数浏览器会自动截断或重排，但DOM树已损坏
• 不是“可选容器”，它是规范强制要求的唯一根节点，document.documentElement 永远指向它

里放什么，哪些东西放进去反而有害

只负责元信息和资源声明，不渲染任何可见内容。但它直接影响加载顺序、SEO、可访问性和安全性。

html-to-pptx

将多页 HTML 演示文稿转换为美化的 PPTX 文件，便于分享和分发。

下载

• 必须包含 <meta charset="UTF-8">，且应放在 最顶部——晚于它的字符可能被错误解析
• <title></title> 应该简洁明确，长度控制在 60 字符内，否则搜索结果会被截断
• 避免在 里写 <script></script>（尤其是同步脚本），它会阻塞HTML解析；如需，用 defer 或移到 前
• <link rel="stylesheet"> 放这里没问题，但不要放 <img> 或 <div> —— 浏览器会忽略或自动移到 <code>

  不是“随便塞内容的地方”，而是语义布局的主战场

  决定用户看到什么、怎么读、如何交互。滥用 <div> 或错用标题层级，会让结构塌陷。 <ul> <li> <code><h1></h1> 到 <h6></h6> 必须按逻辑嵌套，不能跳级（比如 <h2></h2> 后直接 <h4></h4>），否则辅助技术无法正确构建大纲

• 段落必须用 <p></p>，而不是靠 <br> 换行堆砌——前者有语义和默认间距，后者只是换行符
• 列表要用 <ul></ul>/<ol></ol> + <li>，别用多个 <p></p> 模拟；表格数据必须用 <table>，不用 <code><div> + CSS Grid 伪装 <li> <code><main></main>、<header></header>、<nav></nav> 这类语义标签不是“锦上添花”，而是替代无意义 <div class="main"> 的必要手段 <p>真正难的不是记住标签名，而是在写每一行 HTML 时下意识判断：这个元素是否表达了它该表达的含义？它的父/子关系是否符合文档逻辑？一旦习惯这种思维，标签就不再是记忆负担，而是结构语言的自然词汇。</p> </div>