不是所有文本标签都必须成对出现；、、等是双标签，须成对使用；、是自闭合单标签，不可写结束标签，也不能包裹内容。
文本标签必须成对出现吗？
不是所有文本标签都必须成对。像 <strong></strong>、<p></p>、<h1></h1> 这类是双标签，必须有开始和结束；但 <br> 和 <hr> 是单标签（自闭合），没有结束标签，也不能包裹内容。
常见错误现象：<br> 或 <hr> —— 浏览器会忽略第二个标签，但语义混乱，可能影响可访问性或后续维护。
- 双标签写法：必须包含开始
<strong></strong>和结束，中间放内容 - 单标签写法：只写
<br>或<hr>，HTML5 中不加斜杠也合法（<br>而非<br>） - 嵌套规则：双标签可以互相嵌套（如
<p>文字<code><strong></strong>加粗结尾），但不能交叉闭合（<p><strong>文字</strong></p>是错的）
<strong></strong> 和 <b></b> 有什么区别？
视觉上都加粗，但语义完全不同：<strong></strong> 表示「内容重要性高」，会被屏幕阅读器加重语气读出；<b></b> 只是「无特殊语义的加粗样式」，比如关键词、产品名、船名等不需要强调权重的场景。
使用场景：
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 用
<strong></strong>：错误提示、操作警告、核心条款（如“<strong>本服务不提供退款</strong>”） - 用
<b></b>：文章中首次出现的术语（如“<b>DOM</b>树结构”）、品牌名（如“<b>Lobster AI</b>”） - 别用
<b></b>替代 CSS 的font-weight—— 纯样式需求该走 CSS，不是标签职责
<em></em> 和 <i></i> 怎么选？
<em></em> 是「强调语气」，有语义权重，屏幕阅读器会改变语调；<i></i> 是「非默认语调或类型」，比如外文词、科技术语、船名、思想流——它不表示强调，只是标注一种特殊文本类别。
容易踩的坑：
- 把“这个功能
<i>真的</i>很快”写成 <code><i></i>—— 错，该用<em></em>表达强调 - 用
<i></i>实现图标字体（如 Font Awesome）—— HTML5 允许，但更推荐用<span></span>+ class，语义更干净 -
<i></i>内容若含链接，需确保包裹完整（@#@#@#@#@#@#@#@#@#@0），否则部分读屏器可能跳过
哪些文本标签会影响 SEO 或可访问性？
搜索引擎和读屏器依赖语义标签理解内容结构。<h1></h1>–<h6></h6> 的层级关系、<strong></strong>/<em></em> 的强调信号、<mark></mark> 的高亮意图，都会被解析为内容权重线索。
关键点：
-
<h1></h1>应全页唯一，且放在主标题位置；多个<h1></h1>不会报错，但削弱语义焦点 -
<mark></mark>适合临时高亮搜索结果或用户当前关注段落，别滥用作装饰 -
<small></small>不只是“字号小”，而是表示附属信息（如版权、免责声明），会被读屏器降调处理 - 避免用
<font></font>控制样式——它已废弃，无语义，CSS 才是正确路径
最常被忽略的是 <small></small> 和 <mark></mark> 的真实语义，很多人只当它们是“换个颜色”或“缩个字”，其实它们在无障碍和 SEO 中有明确角色。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
