到是语义化标题标签，非样式工具；滥用导致seo下降、屏幕阅读器误读、文档结构破坏；用于语义完整段落，自带间距，仅强制换行无语义。
<h1></h1> 到 <h6></h6> 不是“加大字号的工具”，而是表达内容层级的语义标签。滥用 <h1></h1> 会导致 SEO 下降、屏幕阅读器误读，也破坏文档结构。
什么时候该用 <p></p> 而不是 <br>
段落 <p></p> 表示一段有完整语义的文本，浏览器会自动添加上下外边距；<br> 只是强制换行，没有语义，也不带任何间距。
- ✅ 正确：新闻正文、用户说明、文章段落 → 用
<p></p> - ❌ 错误：把整篇诗歌塞进一个
<p></p>，再靠多个<br>换行 → 这样既无语义，又难维护 - ⚠️ 注意：
<br>是单标签，不闭合；<p></p>必须成对出现（<p>...</p>），否则部分浏览器会自动补全，引发布局意外
<strong></strong> 和 <b></b> 看起来一样，但不能混用
两者都加粗，但语义不同：<strong></strong> 表示内容重要性提升（如警告、关键操作），会被屏幕阅读器加重语气；<b></b> 仅表示“视觉上突出”，比如产品名、关键词，不传递权重。
- 用
<strong></strong>：「密码错误，请重试」、「该操作不可撤销」 - 用
<b></b>：「iPhone 15 Pro」、「HTML5 规范」 - 别用
<font></font>或align属性控制样式 —— 这些早已被废弃，现代项目中 CSS 才是唯一正解
<mark></mark>、<small></small>、<del></del> 这类短语级标签容易被忽略语义
它们不是“装饰开关”，而是向机器（搜索引擎、辅助技术）传达明确意图的信号：
-
<mark></mark>表示页面中需要高亮的引用或搜索匹配项，不是随便标黄的工具 -
<small></small>专用于免责声明、版权信息、法律条款等次要但需保留的文本，不是“缩小字体”的快捷键 -
<del></del>必须配合新内容出现（比如<del>¥199</del> <ins>¥99</ins>），单独使用会让人困惑“删了但没说替换成啥”
真正难的不是记住这些标签怎么写，而是每次敲下 <h3></h3> 或 <small></small> 时，停下来问一句：我是在描述结构，还是在偷偷做样式？
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
