022_html计算机输出标签
1. html計算機代碼格式
1.1. 通常, html使用可變的字母尺寸, 以及可變的字母間距。在顯示計算機代碼示例時, 并不需要如此。
1.2. <kbd>, <samp>, 以及<code>元素全都支持固定的字母尺寸和間距。
2. <kbd>標簽
2.1. <kbd>標簽定義鍵盤輸入文本。
2.2. <kbd>標簽經常用在于計算機相關的文檔和手冊中。例如:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>kbd標簽定義鍵盤文本</title></head><body>鍵入<kbd>quit</kbd>來退出程序或者鍵入<kbd>menu</kbd>來返回主菜單。</body> </html>3. <samp>標簽
3.1. <samp>標簽定義計算機輸出示例。
3.2. 例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>samp標簽定義計算機輸出示例</title></head><body><samp>demo.example.com login: Apr 12 09:10:17Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189</samp></body> </html>4. var標簽
4.1. <var>標簽表示變量的名稱, 或者由用戶提供的值。
4.2. <var>標簽經常與<code>和<pre>標簽一起使用, 用來顯示計算機編程代碼范例及類似方面的特定元素。
4.3. 用<var>標簽標記的文本通常顯示為斜體。
4.4. 就像其他與計算機編程和文檔相關的標簽一樣, <var>標簽不只是讓用戶更容易理解和瀏覽你的文檔, 而且將來某些自動系統還可以利用這些恰當的標簽, 從你的文檔中提取信息以及文檔中提到的有用參數。我們再一次強調, 提供給瀏覽器的語義信息越多, 瀏覽器就可以越好地把這些信息展示給用戶。
4.5. 例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>var標簽表示變量的名稱</title></head><body><p>愛因斯坦的公式：</p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></body> </html>5. code標簽
5.1. <code>標簽用于表示計算機源代碼或者其他機器可以閱讀的文本內容。
5.2. <code>元素不保留多余的空格和折行。
5.3. 軟件代碼的編寫者已經習慣了編寫源代碼時文本表示的特殊樣式。<code>標簽就是為他們設計的。包含在該標簽內的文本將用等寬、類似電傳打字機樣式的字體(Courier)顯示出來。雖然<code>標簽通常只是把文本變成等寬字體, 但它暗示著這段文本是源程序代碼。
5.4. 例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>code標簽用于表示計算機源代碼</title></head><body><code>var person = {firstName:"Bill",lastName:"Gates",age:50,eyeColor:"blue"}</code></body> </html>6. <pre>標簽
6.1. pre標簽可定義預格式化的文本。被包圍在pre元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
6.2. <pre>標簽的一個常見應用就是用來表示計算機的源代碼。
6.3. 可以導致段落斷開的標簽(例如標題<h1>~<h6>、<p>和<address>標簽)絕不能包含在<pre>所定義的塊里。盡管有些瀏覽器會把段落結束標簽解釋為簡單地換行, 但是這種行為在所有瀏覽器上并不都是一樣的。
6.4. pre元素中允許的文本可以包括物理樣式和基于內容的樣式變化, 還有鏈接、圖像和水平分隔線。當把其他標簽(比如: <a>標簽)放到<pre>塊中時, 就像放在html/xhtml文檔的其他部分中一樣即可。
6.5. 制表符(tab)在<pre>標簽定義的塊當中可以起到應有的作用, 每個制表符占據8個字符的位置。但是我們不推薦使用它, 因為在不同的瀏覽器中, Tab的實現各不相同。在用<pre>標簽格式化的文檔段中使用空格, 可以確保文本正確的水平位置。
6.6. 如果您希望使用<pre>標簽來定義計算機源代碼, 比如: html源代碼, 請使用符號實體來表示特殊字符, 比如: "<"代表"<", ">"代表">", "&"代表"&"。
6.7. 例子
6.7.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>pre標簽可定義預格式化的文本</title></head><body> <pre> <html><head><title>html計算機輸出標簽</title><meta charset="utf-8" /></head><body><p>計算機輸出標簽有:</p><kbd>定義計算機代碼。</kbd><code>定義鍵盤碼。</samp><samp>定義計算機代碼樣本。</code><tt>定義打字機代碼。</tt><var>定義變量。</var><pre>定義預格式文本。</pre></body> </html> </pre></body> </html>6.7.2. 效果圖
總結
以上是生活随笔為你收集整理的022_html计算机输出标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 021_html文本格式化标签
- 下一篇： 023_html引用和术语定义标签