一个页面必须且只能有一个<h1>，代表唯一核心主题；<h2>至<h6>须严格按顺序嵌套，不可跳级；<strong>和<em>分别表示重要性与语气强调，非样式替代品；<p>是语义化段落容器，不可用<br>替代。
<p>、<strong>、<em>、<h1>~<h6> 这几个标签不是“随便用用”的装饰品，它们直接参与语义结构、可访问性和 SEO 排名。用错一个，屏幕阅读器会读错重点，搜索引擎可能降权关键内容。
什么时候必须用 <h1> 而不能用 <strong> 包裹大号文字
标题层级是内容骨架，不是视觉样式。浏览器和辅助技术靠 <h1>~<h6> 判断页面逻辑结构；<strong> 只表示语义强调，不改变层级关系。
- 每个 HTML 文档有且仅有一个
<h1>，代表整页核心主题（如文章标题、产品主名称） - 跳级使用（比如从
<h2>直接到<h4>）会破坏大纲，影响屏幕阅读器导航 - 仅靠 CSS 把
<p>字号调大再加粗，无法替代<h2>的语义作用 - 搜索引擎会加权
<h1>和<h2>中的关键词，但忽略纯样式强化的文本
<strong> 和 <em> 的区别远不止加粗 vs 斜体
它们传递的是不同类型的语义强度：<strong> 表示内容重要性（如警告、必填项），<em> 表示语气强调（如反语、重音）——这个差异会影响语音合成器的语调变化。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 表单错误提示用
<strong>：“<strong>邮箱格式不正确</strong>” - 口语化强调用
<em>：“你真的<em>确定</em>要删除所有数据？” - 避免嵌套：
<strong><em>…</em></strong>会让语义混乱，多数场景只需一层 - 不要用
<b>或<i>替代——它们只有样式含义，无语义权重
<p> 标签被忽略的三个实际影响
很多人把 <p> 当成“换行工具”，甚至用多个 <br> 模拟段落。这会导致结构松散、样式失控、SEO 削弱。
立即学习“前端免费学习笔记（深入）”；
-
<p>是块级元素，自带上下 margin，而<br>是行内换行，不产生语义分隔 - 没有
<p>包裹的纯文本，在可访问性检测中会被标记为“未结构化内容” - CSS 中设置
p { line-height: 1.6; }能统一所有段落行高；若用<br>，就得靠 JS 或冗余 class 控制 - 某些 CMS 或富文本编辑器依赖
<p>识别正文区块，缺失会导致导出/爬取失败
真正难的不是记住这些标签怎么写，而是每次敲下 <h2> 之前，得想清楚：它是不是当前章节的逻辑起点？<strong> 里包的，是不是用户必须注意到的信息？这种判断比语法本身更消耗心力，也最容易被赶工期时跳过。
