HTML ??? ??

??? ???? ???? ????? ??? ??? ???? ??? ????.

????? HTML? ?? ?? ??? ?? ??? ???? ?????.

??? ??? ?? ??? ??? ?? ??? ????.

??? ?? ??

標(biāo)簽	描述
<code>	定義計(jì)算機(jī)代碼文本
<kbd>	定義鍵盤文本
<samp>	定義計(jì)算機(jī)代碼示例

<var>	定義變量
<pre>	定義預(yù)格式化文本

<code>

??? ?? ??? ??

<kbd>

??? ??? ??

<samp>

??? ?? ?? ??

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>

???? ?? ??:

? ???? <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 元素表示計(jì)算機(jī)輸出示例：</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>

???? ?? ??:

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>

???? ?? ??:

?? ??
var ?? = { firstName:"?", ?:"???", ??:50, ???:"???" }

HTML <pre> ??

Instance

<!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>

???? ?? ??:

HTML <var> ??? ?? ??? ?????.

<!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>

???? ?? ??:

???? ??

??? ??

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> 愛因斯坦的公式： <var>E</var> = <var>m</var> <var>c</var>2 </body> </html>

?????? ???

????