HTML 計算機代碼
計算機編碼指電腦內(nèi)部代表字母或數(shù)字的方式
通常，HTML 使用可變的字母尺寸，以及可變的字母間距。
但顯示計算機代碼示例時，并不需要如此。
計算機代碼元素
| ? ? ?標簽 | ? ? ?描述 |
| ? ??<code> | ??定義計算機代碼文本 |
| ? ??<kbd> | ??定義鍵盤文本 |
| ? ??<samp> | ??定義計算機代碼示例 |
| ? ??<var> | ??定義變量 |
| ? ??<pre> | ??定義預格式化文本 |
HTML <kbd> 元素定義鍵盤輸入：
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>HTML kbd 元素表示鍵盤輸入：</p> <p><kbd>File | Open...</kbd></p> </body> </html>
程序運行結(jié)果：
你可以將上面代碼中的<kbd>去掉，看看有什么不一樣
HTML <samp> 元素定義計算機輸出：
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>HTML samp 元素表示計算機輸出示例：</p> <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> </body> </html>
程序運行結(jié)果：
HTML <code> 元素定義編程：
<code> 元素不保留多余的空格和折行：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 示例</p>
<code>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</code>
</body>
</html>程序運行結(jié)果：
code 示例
? ?var person = { ? ?firstName:"Bill", ? ?lastName:"Gates", ? ?age:50, ? ?eyeColor:"blue" ? ?}?
HTML <pre> 元素
實例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 元素不保留多余的空格和折行：</p>
<p>如需解決該問題，您必須在 pre 元素中包圍代碼：</p>
<code>
<pre>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</pre>
</code>
</body>
</html>程序運行結(jié)果：
HTML <var> 元素定義數(shù)學變量：
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>愛因斯坦的公式：</p> <p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p> </body> </html>
程序運行結(jié)果：
