samp标签用于标记程序或系统输出的样本文本，如错误信息、日志等，语义明确为“计算机生成的非用户输入结果”，是内联元素，需成对使用，支持嵌套短语级元素，提升可访问性并默认等宽字体渲染。
samp 标签是 HTML5 中的短语元素，用于表示程序或系统输出的样本文本，比如命令行执行结果、错误信息、日志片段等。它的语义明确：标记的内容是“计算机生成的、非用户输入的输出示例”，不带交互性，也不表示代码本身（那是 或 <pre class="brush:php;toolbar:false;"> 的职责）。</pre>
基本结构与语法
samp 是内联元素，必须有开始标签 和结束标签 ，内容应为纯文本或嵌套其他短语级元素（如 、），但不宜嵌套块级元素或交互元素。
- 正确写法：Error 404: File not found
- 可嵌套强调：Processing input.txt... Done.
- 避免嵌套：Invalid syntax（错误：div 是块级元素）
语义作用与可访问性
使用 而非普通 可向辅助技术（如屏幕阅读器）传达“这是程序输出”的上下文，有助于提升可访问性。部分语音合成器可能对 内容采用略带机械感的语调提示，强化其技术来源属性。
- 浏览器默认通常以等宽字体（如 monospace）渲染，但样式可覆盖
- 不应仅依赖视觉样式表达语义，必须用 标签承载语义
- 若输出含多行（如堆栈跟踪），应配合
使用：<pre class="brush:php;toolbar:false;"><samp>Traceback (most recent call last):<br> File "test.py", line 5, in <module><br> print(x)<br>NameError: name 'x' is not defined</module></samp>
与相似标签的区别
准确区分 与其他内联语义标签，避免误用：
：表示一段计算机代码（如函数名、HTML 标签名），强调“可执行/可编写”- ：表示用户实际输入的键盘内容（如 Ctrl+C、git commit）
- ：表示程序中可变的值或参数（如 filename）
- ：只用于“运行后看到的结果”，例如终端里打印出的文字
实际使用建议
在文档、API 参考或教程中展示命令执行效果时，优先使用 。保持内容简洁真实，避免虚构输出；若需高亮关键部分，用 或 嵌套其中，而非 CSS 类模拟语义。
- ✅ 推荐：
运行后返回：Status: OK (200)
- ❌ 避免：
运行后返回：Status: OK (200)
- 注意：不要用 包裹用户要复制的命令——那属于输入，该用 或
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
