samp标签仅语义化标记真实程序输出，不区分错误或正常状态；需结合role、aria-live及css类等协同实现状态表达与可访问性。
标签本身并不具备区分“正常输出”和“错误警告”的语义能力，它仅表示程序或系统的一段样本输出（sample output），属于中性、无状态的语义标签。HTML5规范中没有为定义错误/成功等子类型，也不能通过该标签单独实现视觉或逻辑上的错误内容识别。
正确理解的用途
用于标记计算机程序运行时产生的**真实、未修改的文本输出片段**，例如命令行返回结果、日志行、API响应体等。它的核心价值是语义准确，而非样式控制或状态表达：
- ✅ 正确用法：
<samp>File not found: config.json</samp>（这是实际输出的字符串） - ❌ 错误用法：
<samp class="error">...</samp>仅靠class无法改变其语义本质 - ⚠️ 注意：不替代
<code>（代码本身）或<var></var>（变量名），也不等价于<output></output>（动态计算结果）
区分正常输出与错误内容的实用方案
要真正区分两类内容，需结合语义标签 + CSS类 + 可访问性属性，可作为基础容器之一：
- 用
<div role="status">包裹成功提示，配合<code>aria-live="polite"供屏幕阅读器感知 - 错误信息建议使用
<div role="alert">，触发紧急播报；内部可用<samp>显示原始报错字符串 <li>为不同状态添加明确CSS类，如<code><samp class="output-success"></samp>或<samp class="output-error"></samp>，再通过颜色、图标、背景等视觉强化 - 避免仅依赖颜色区分（如红/绿），务必辅以图标（❗/✅）或文字标识（“[错误]”、“[完成]”）
一个符合标准的示例结构
以下代码兼顾语义、可访问性与样式可控性：
<div role="alert" aria-live="assertive"> <strong>操作失败：</strong> <samp class="output-error">Permission denied: /tmp/cache</samp> </div> <div role="status" aria-live="polite"> <strong>操作成功：</strong> <samp class="output-success">Cached 12 items in 42ms</samp> </div>
此时专注承载原始输出文本，状态含义由外层容器和ARIA属性共同表达，既符合HTML5语义分层原则，也便于CSS定制和辅助技术解析。
单独依赖无法完成状态区分，关键在于合理组合语义容器、ARIA角色与样式约定。
