html文本标签的难点在于语义判断而非记忆：h1～h6表内容层级而非样式，p表段落、br仅用于保留换行，strong/em重语义、b/i无语义，mark/small/del等标签各具特定语义功能。
别信“10分钟学会”——HTML文本标签本身不难，但真正卡住人的从来不是写法，而是h1和p该用哪个、strong和b到底差在哪、为什么br一多页面就乱套。这些判断比记忆标签名重要得多。
什么时候该用 h1～h6，而不是加大字号？
标题标签的核心作用是表达内容层级，不是视觉样式。浏览器、屏幕阅读器、搜索引擎都依赖它理解结构。
-
h1全页只能有一个，代表页面主主题（比如文章标题），不是“最大的字” -
h2是h1的直接子级（比如章节名），h3是h2的子级——跳级使用（如h1后直接h4）会破坏语义流 - 单纯想让文字变大，应该用 CSS 的
font-size，而不是塞个h5假装是标题
p 和 br 混用是新手最常踩的坑
p 是语义化段落容器，br 只是强制换行符。它们解决的是两类问题。
- 一段完整意思的文字（哪怕只有一句），必须用
p包裹；连续几行短句不是“换行”，而是多个段落 -
br只适用于诗歌、地址、歌词等需要保留原始换行逻辑的场景，比如：上海市浦东新区<br>张江路123号<br>邮编：200120
- 用
br代替p做段间距，会导致样式不可控、无障碍访问失败、SEO 权重丢失
strong vs b、em vs i 不是“效果一样”
视觉上它们可能都加粗或倾斜，但语义完全不同，影响可访问性和 SEO。
-
strong表示内容重要性提升（屏幕阅读器会加重语气），b仅表示“要突出显示”，无语义权重 -
em表示强调语气（读出来会重读），i仅表示不同语境，比如外文词、术语、船名（<i>Titanic</i>） - 现代项目中优先用
strong和em；除非明确需要无语义的样式控制，否则别碰b和i
mark、small、del 这些“小众标签其实很实用
它们不是装饰品，而是为特定语义场景设计的，用对了能省去不少 CSS 工作。
-
mark用于高亮搜索关键词、引用重点——自带黄色背景，且语义明确（不是随便加背景色） -
small专用于版权信息、免责声明等次要内容，浏览器默认缩小字号，同时隐含“不重要”的语义 -
del必须配合ins使用（比如价格修改：<del>¥199</del> <ins>¥149</ins>），它告诉辅助技术“这部分被删掉了”，而不仅仅是加条删除线
真正难的不是记住这些标签，而是在写第一行 HTML 时就决定：这段内容在结构上属于什么角色。一旦开始用div包一切、靠 CSS 模拟标题和段落，后面补语义的成本就远超预期。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
