<h1>只能有一个且不能跳级，因其代表页面唯一主题并构建标题层级逻辑；跳级会破坏SEO权重分配和屏幕阅读器理解。
纯靠 HTML 标签堆砌，排不出真正清晰、可维护、有层次感的页面——结构本身不等于美学，语义和层级才是骨架里的筋骨。
为什么 <h1> 只能有一个，且不能跳级
搜索引擎和屏幕阅读器依赖标题的嵌套顺序理解内容主次。跳级（比如 <h1> 后直接写 <h3>）会打断逻辑流，导致 SEO 权重错配、辅助技术误读。
-
<h1>必须且仅出现一次，代表整个页面唯一主题 -
<h2>是<h1>的一级子模块，<h3>只能出现在<h2>内部或同级<h2>之后 - 浏览器默认给每个标题加上下外边距，但视觉层级不能靠 margin 模拟，必须靠标签本身嵌套关系
<p> 和 <br> 的使用边界在哪
用 <br> 强行换行是早期排版惯性，现在它只适用于极少数场景：地址、诗行、签名落款等「内容即格式」的线性文本。
- 段落之间用
<p>，哪怕只有一句话——它自带语义（独立信息单元）和默认间距 -
<br>不该用来分隔段落、列表项或标题与正文，否则 CSS 调整时无法统一控制垂直节奏 - 对齐需求（居中/右对齐）不要用
align属性——它已被 HTML5 废弃，应改用 CSS 的text-align
语义化标签怎么避免沦为“div 套 div”
写 <section> 或 <article> 不等于完成了语义化——关键看它是否承载了可被机器识别的独立意义。
立即学习“前端免费学习笔记（深入）”；
-
<header>不只是放 logo 的盒子，而是当前父级内容的引导区（比如<article>内的<header>就是这篇文章的标题+作者+时间） -
<main>必须且只能有一个，且不能嵌套在<article>或<aside>里 - 用
<div>包裹标题+段落？先问自己：这段内容能否被单独提取、RSS 订阅、或被语音助手朗读为一个完整单元？能，就该用<article>或<section>
真正的层次美学不在视觉样式，而在标签选择那一刻的判断：这个内容，在脱离所有 CSS 后，是否仍能被准确归类、被机器理解、被用户预判位置——这才是 HTML 结构不可妥协的底限。
