<p>必须闭合以确定段落边界，否则破坏语义与样式；是自闭合标签，无需结束符；表重要性，仅表加粗；标题须层级连续；<blockquote>与<q>由浏览器自动加引号。
为什么 <p> 必须闭合，而 <br> 不用
因为 <p> 是双标签，浏览器靠结束标签 </p> 确定段落边界；不闭合会导致后续所有块级元素被错误包裹进该段落里，CSS 样式错乱、语义结构崩塌。
<br> 是自闭合标签（也叫空标签），它本身就是一个独立的换行指令，没有内容需要包裹，写成 <br> 或 <br/> 都合法（HTML5 推荐前者）。
- 常见误写：
<br></br>—— 浏览器会把它解析成两个换行，多出一行空白 - 嵌套陷阱：
<p>文字<p>另一段</p>—— 第二个<p>会自动触发第一个闭合，实际生成的是<p>文字</p><p>另一段</p> - 验证建议：用浏览器开发者工具的「Elements」面板看最终 DOM 结构，比肉眼数标签更可靠
<strong> 和 <b> 看起来一样，该选哪个
选 <strong>。它表达“内容重要性高”，搜索引擎和读屏软件会据此提升权重；<b> 只是视觉加粗，无语义，适合商标名、关键词等无需强调逻辑重要性的场景。
- 正确用法：
<p>请在<strong>2026年9月1日前</strong>提交材料</p> - 慎用
<b>：<p>品牌名<b>TechFlow</b>已注册</p>（仅需样式，不改变语义） - 不要用
<strong>做样式 hack：比如为了加粗而套三层<strong>—— 这会让辅助技术误判内容优先级
标题标签 <h1>～<h6> 的层级不能跳着用
大纲算法（outline algorithm）依赖连续层级来构建文档结构。跳级（如 <h2> 后直接 <h4>）会让浏览器和读屏软件丢失中间层级的上下文，SEO 也会降权。
立即学习“前端免费学习笔记（深入）”；
- 允许：
<h2>安装步骤</h2><h3>下载包</h3><h3>解压配置</h3> - 禁止：
<h2>安装步骤</h2><h4>解压配置</h4>（<h3>缺失，结构断裂） - 页面中
<h1>应唯一且居顶，不是“字号最大就用<h1>”，而是“整个页面只有一个核心主题”才配用它
<blockquote> 和 <q> 的引号是浏览器自动加的，别手动写
两者语义不同：<blockquote> 表示独立成块的长引用（通常缩进），<q> 是嵌入句中的短引用（浏览器自动加英文双引号）。手动加引号不仅冗余，还可能和 locale 设置冲突（比如中文环境应显示《》而非“”）。
- 正确：
<p>爱因斯坦说：<q>想象力比知识更重要</q></p> - 错误：
<p>爱因斯坦说：“<q>想象力比知识更重要</q>”</p>（引号重复） - 长引用必须用
<blockquote>包裹整段，不能只包文字——否则语义丢失，CSS 选择器blockquote p也失效
<div> 塞进 <p> 里，浏览器会自动截断 <p>，导致意外闭合。语义和语法必须同时过关，光看着渲染效果对了没用。 
