header标签具有语义与性能双重作用：必须置于body或sectioning元素内，避免嵌套div和未闭合标签，多个header需明确层级边界，h1须唯一且贴近顶部，缺失lang、alt等属性会隐性拖慢性能。

header 标签不是“加个样式容器”那么简单——浏览器会基于它提前调度导航资源、识别首屏关键内容、跳过非必要 DOM 遍历。用错位置或嵌套滥用，反而拖慢解析。

header 必须紧贴 body 或 sectioning 元素内部

浏览器只在 、@#@#@#@#@#@#@#@#@#@0

...

❌ 风险操作：

标题

（嵌套过深）

⚠️ 注意：同一页面只能有一个

出现在顶级 header 中；区块级 header 只能用

及以下

真正卡性能的往往不是标签名本身，而是 header 周围的 DOM 关系和属性缺失——比如没设 lang 导致字体回退延迟，或 img 缺 alt 引发可访问性重算。这些细节不会报错，但会在 Lighthouse 的 Performance 和 Accessibility 分项里悄悄扣分。

Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转

实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。

下载

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