标题必须按层级连续使用，h1全页唯一，h2-h3自然递进；p标签表语义段落非换行，换行用br、间距用CSS；strong表重要性，b仅视觉加粗；i表术语等特定语境；mark限标相关文本，u专用于非文本标注；del/ins成对表编辑痕迹。

到

必须按层级用，跳着写会破坏语义结构，搜索引擎和读屏器都认这个规矩。

标题标签必须连续使用，不能跳级

比如页面主标题用

，接下来应该是

，而不是直接上

。浏览器不报错，但 SEO 会掉权重，无障碍访问也会出问题。

• 全页最多一个，代表核心主题

• 是章节级标题，可多次出现
• 从
  到
  是自然递进，不是“字号小一点就行”
• 用 CSS 改样式可以，但标签层级不能乱——语义和表现要分开

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

不是万能换行符，别用它凑间距

表示一段完整语义的文本，不是视觉上的“空一行”。滥用会导致 DOM 结构臃肿、段落语义丢失。

• 想换行用
，它是单标签，只管换行不管语义
• 想加间距优先用 CSS 的 margin，而不是塞一堆空

• 内部不要嵌套标题或块级元素（如另一个
  ），HTML5 会自动修正但不可靠

和 看似一样，实际含义完全不同

两者都加粗显示，但语义天差地别： 表示内容重要性提升， 只是“想让它醒目点”，没有强调意图。

• 价格标签、警告文字、关键操作按钮文案，用
• 产品名、关键词高亮、无强调意图的视觉突出，用
• 读屏器遇到 会加重语气，遇到 不会
• 同理：斜体 ≠ 强调，而是表示术语、外文、船名等特定语境

和 在现代 HTML 中有明确用途限制

别把 当高亮笔随便涂，也别用 模拟链接样式——它们有严格语义边界。

• 仅用于标记文档中“与当前上下文相关”的内容，比如搜索结果中的关键词、文章批注重点
• 在 HTML5 中已重定义为“非文本标注”，如拼写错误下划线、专有名词下划线，不是通用装饰手段
• 纯视觉下划线请用 CSS text-decoration: underline，否则可能被辅助技术误读
• 和 是成对使用的编辑痕迹标签，不是“删除线字体”开关

最常被忽略的是：所有这些标签的语义价值，只在嵌套合理、层级清晰时才生效。写对了标签但结构松散，跟没写差不多。

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