标题必须按层级连续使用，h1全页唯一，h2-h3自然递进；p标签表语义段落非换行，换行用br、间距用css；strong表重要性，b仅视觉加粗；i表术语等特定语境；mark限标相关文本，u专用于非文本标注；del/ins成对表编辑痕迹。
<h1></h1> 到 <h6></h6> 必须按层级用，跳着写会破坏语义结构，搜索引擎和读屏器都认这个规矩。
标题标签必须连续使用，不能跳级
比如页面主标题用 <h1></h1>，接下来应该是 <h2></h2>，而不是直接上 <h4></h4>。浏览器不报错，但 SEO 会掉权重，无障碍访问也会出问题。
-
<h1></h1>全页最多一个，代表核心主题 -
<h2></h2>是章节级标题，可多次出现 - 从
<h2></h2>到<h3></h3>是自然递进，不是“字号小一点就行” - 用 CSS 改样式可以，但标签层级不能乱——语义和表现要分开
<p></p> 不是万能换行符，别用它凑间距
<p></p> 表示一段完整语义的文本，不是视觉上的“空一行”。滥用会导致 DOM 结构臃肿、段落语义丢失。
- 想换行用
<br>，它是单标签，只管换行不管语义 - 想加间距优先用 CSS 的
margin，而不是塞一堆空<p></p> -
<p></p>内部不要嵌套标题或块级元素（如另一个<p></p>），HTML5 会自动修正但不可靠
<strong></strong> 和 <b></b> 看似一样，实际含义完全不同
两者都加粗显示，但语义天差地别：<strong></strong> 表示内容重要性提升，<b></b> 只是“想让它醒目点”，没有强调意图。
- 价格标签、警告文字、关键操作按钮文案，用
<strong></strong> - 产品名、关键词高亮、无强调意图的视觉突出，用
<b></b> - 读屏器遇到
<strong></strong>会加重语气，遇到<b></b>不会 -
<i></i>同理：斜体 ≠ 强调，而是表示术语、外文、船名等特定语境
<mark></mark> 和 <u></u> 在现代 HTML 中有明确用途限制
别把 <mark></mark> 当高亮笔随便涂，也别用 <u></u> 模拟链接样式——它们有严格语义边界。
-
<mark></mark>仅用于标记文档中“与当前上下文相关”的内容，比如搜索结果中的关键词、文章批注重点 -
<u></u>在 HTML5 中已重定义为“非文本标注”，如拼写错误下划线、专有名词下划线，不是通用装饰手段 - 纯视觉下划线请用 CSS
text-decoration: underline，否则可能被辅助技术误读 -
<del></del>和<ins></ins>是成对使用的编辑痕迹标签，不是“删除线字体”开关
最常被忽略的是：所有这些标签的语义价值，只在嵌套合理、层级清晰时才生效。写对了标签但结构松散，跟没写差不多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
