HTML samp 语法
在 HTML 中,samp 是一个语义化标签,它用于表示计算机程序的样本输出(比如错误信息、日志信息、终端反馈等)。
samp 标签的作用是告诉浏览器:“这段内容是计算机输出的结果,而不是用户输入或代码本身。”
语法:
<samp>程序的输出内容</samp>说明:
samp 是一个行内元素,不会单独换行,通常嵌套在文本中使用。
提示: samp 是 “sample(示例)” 的缩写。
HTML samp 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 低 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML samp 示例
接下来,我们通过一个简单的例子来讲解一下 HTML samp 标签是如何使用的。
示例:samp 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>代码有误,报错信息为:<samp>name 'year' is not defined.</samp></p>
</body>
</html>页面效果如下图所示。

分析:
samp 标签注重的是语义化,如果你只是纯粹想实现类似的效果,应该考虑使用 CSS 来控制。
pre、code、var、samp 与 kbd 的区别
pre、code、var、samp 与 kbd 这 5 个标签比较相似,它们之间的区别如下表所示。
| 标签 | 行内 / 块级 | 用途 |
|---|---|---|
| pre | 块级 | 用于表示代码块(一大段代码) |
| code | 行内 | 用于表示简短代码(一句代码) |
| var | 行内 | 用于表示数学表达式或编程中的变量名称 |
| samp | 行内 | 用于表示程序的输出结果 |
| kbd | 行内 | 用于表示用户输入(如快捷键)的内容 |
