<samp> 标签用于语义化标记程序实际输出文本，区别于代码或输入；应单独包裹纯输出内容，可与 <pre></pre> 配合保留格式，不嵌套强调标签，避免用于命令行提示符，有助于可访问性和SEO。
<samp> 标签用于标记计算机程序的输出结果，属于语义化 HTML5 元素，表示“sample output”。它告诉浏览器和辅助技术：这部分内容是程序运行后实际显示的文本输出，而非代码本身（那是 <code> 或 <pre> 的职责）。
正确使用 <samp> 的基本写法
直接将程序输出的纯文本内容包裹在 <samp></samp> 中即可。通常与 <code>、<pre> 或普通段落搭配使用，以区分“输入/代码”和“输出”：
- 不要嵌套其他语义化文本标签（如
<em>、<strong>），除非语义需要； - 避免用它展示命令行提示符（如
$或C:\>），这些属于用户输入上下文，应放在<code>里； - 若输出含换行或缩进，建议配合
<pre>保持格式，因为<samp>本身不保留空白符。
结合 <pre> 和 <code> 展示完整交互示例
真实场景中，常需同时呈现命令、代码和对应输出。此时可组合使用：
$ python3 hello.py <font color="#0066cc"><samp>Hello, world! The script ran successfully.</samp></font>
上面例子中：
– $ python3 hello.py 是用户输入，适合用 <code>（或直接写在 <pre> 中）；
– 输出部分用 <samp> 包裹，并通过 <font>（仅作样式示意，推荐用 CSS 替代）或 CSS 类区分视觉效果。
语义清晰优于视觉样式
<samp> 默认无特殊样式，浏览器通常按普通内联元素渲染。重点在于语义准确：
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确：
<samp>File not found: config.json</samp>（这是程序抛出的实际错误信息）； - ❌ 错误：
<samp>cat /etc/passwd</samp>（这是命令，不是输出，该用<code>）； - ⚠️ 注意：
<samp>[2024-05-20 14:22:03] INFO: Server started on port 3000</samp>是有效用法，日志输出属于程序运行结果。
可访问性与SEO小提示
屏幕阅读器能识别 <samp> 并可能调整朗读语气（如略作停顿或提示“输出内容”），有助于提升技术文档可访问性。搜索引擎也更倾向理解语义化结构，合理使用有助于内容被准确归类。无需额外 ARIA 属性，但确保父容器上下文明确（例如用 <figure> + <figcaption> 包裹完整代码块示例）。
