AI 中文社
Copyright © 2022-2024 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.3·
页面加载耗时 0.00 毫秒·物理内存 63.4MB ·虚拟内存 1300.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
HTML 计算机代码元素
通常，HTML 使用可变的字母尺寸，以及可变的字母间距。
在显示计算机代码示例时，并不需要如此。
<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。
1. HTML 键盘格式
HTML <kbd> 元素定义键盘输入：
范例
<p>To open a file, select:</p> <p><kbd>File | Open...</kbd></p>
2. HTML 样本格式
HTML <samp> 元素定义计算机输出示例：
范例
<samp> demo.example.com login: Apr 12 09:10:17 Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189 </samp>
3. HTML 代码格式
HTML <code> 元素定义编程代码示例：
范例
<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>
<code> 元素不保留多余的空格和折行：
范例
<p>Coding Example:</p>
<code>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</code>
如需解决该问题，您必须在 <pre> 元素中包围代码：
范例
<p>Coding Example:</p>
<code>
<pre>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</pre>
</code>
4. HTML 变量格式化
HTML <var> 元素定义数学变量：
范例
<p>Einstein wrote:</p> <p><var>E = m c<sup>2</sup></var></p>
5. HTML 计算机代码元素
| 标签 | 描述 |
|---|---|
| <code> | 定义计算机代码文本 |
| <kbd> | 定义键盘文本 |
| <samp> | 定义计算机代码示例 |
| <var> | 定义变量 |
| <pre> | 定义预格式化文本 |
下一章：HTML5 语义元素
语义元素是拥有语义的元素。1. 什么是语义元素？语义元素清楚地向浏览器和开发者描述其意义。所有现代浏览器均支持 HTML5 语义元素。3. HTML5 中新的语义元素。许多网站包含了指示导航、页眉以及页脚的 HTML 代码。