<p>是“paragraph”的缩写，取前两个音节“par-a”首字母；<h1>源自“heading”而非“header”，强调标题层级；<u>在HTML5中仅保留语义（如拼写错误），不用于样式；<em>和<strong>表强调程度轻重；<abbr>统一替代已废弃的<acronym>；<cite>指引用来源（如书名），非引文内容；<code>表作者所写代码，<samp>表程序输出结果。
记 <p> 就是记 “paragraph”——段落不是“p段”，是“para”开头的缩写
很多人卡在 <p> 为什么是 paragraph 而不是 “paragraph” 全拼，其实它取的是前两个音节 par-a- 的首字母。类似地，<h1> 是 heading，不是 “header”（那是 <header>），heading 强调“标题层级”，和文档大纲直接挂钩。记错这点，后期用语义化标签时容易混淆结构。
常见误读：
– 把 <u> 当作 “underline” 没问题，但它在 HTML5 中已**不推荐用于样式目的**，仅保留语义：表示非文本性下划线（如拼写错误、专有名词标注）；
– <em> 和 <strong> 都不是“emphasis”或“strong”本身，而是 emphasized 和 stronger emphasis，强调程度有轻重之分，屏幕阅读器会读出不同语气。
<abbr> 和 <acronym> 别混——现代 HTML 只认 <abbr>
<acronym> 在 HTML4 里存在，但**HTML5 已彻底废弃**，所有缩写（无论是否首字母缩略词）统一用 <abbr>。比如 “NASA”、“W3C”、“FAQ” 都该包在 <abbr title="National Aeronautics and Space Administration">NASA</abbr> 里。
为什么这么改？因为语义上，“acronym” 特指能读成词的缩写（如 “radar”），而多数缩写（如 “HTML”）只是首字母组合，无法归类。统一用 <abbr> 更准确，也避免开发者纠结分类。
实操提醒：
– title 属性必须写，否则失去可访问性意义；
– 不要为了“看起来像缩写”就滥用，比如把 “Mr.” 包进 <abbr> 是错的，它属于常规缩写，无特殊语义需求。
<cite> 不是“引用文字”，是“引用来源”
新手常把 <cite> 当作 <blockquote> 的配套标签，用来包裹引文内容，这是典型误解。<cite> 的全称是 citation，指“被引用的作品名称”，比如书名、文章名、电影名、网站名。
立即学习“前端免费学习笔记（深入）”；
正确用法示例：
<blockquote>前端开发需要理解语义化标签的意义。</blockquote><br> <footer><cite>《HTML语义化实践指南》</cite></footer>
注意：
– 它不负责格式（加斜体是浏览器默认样式，不是语义）；
– 不能嵌套 <blockquote> 或 <p>；
– 如果引用的是人名（如“爱因斯坦说…”），不用 <cite>，那是 <dfn> 或普通文本。
<code> 和 <samp> 的分工很明确
<code>（computer code）表示**作者写的代码片段**，比如函数名、HTML 标签名、CSS 属性；<samp>（sample）表示**程序输出的内容**，比如控制台日志、终端返回值、API 响应体。
举例对比：
– <code>document.getElementById()</code> ✅ 是你写的 JS 代码；
– <samp>TypeError: Cannot read property 'value' of null</samp> ✅ 是浏览器报的错；
– 把错误信息用 <code> 包裹 ❌，它不属于“你写的代码”。
这个区分影响可访问性：屏幕阅读器对 <code> 和 <samp> 可能使用不同语音节奏，混淆会误导用户判断上下文。
容易忽略的一点：这些标签默认是行内元素，如果要展示多行代码块，得配合 <pre> 使用，否则换行和空格会被浏览器合并。
