HTML 文本格式化
HTML可定義很多格式化輸出地元素.比如:粗體字 斜體字 文本方向等.而這些格式化的標簽可以從兩個方面進行劃分.
按標簽功能可以分為:
文本格式化標簽
'計算機輸出'標簽
引用和術(shù)語定義標簽
按標簽功能的實現(xiàn)可以分為:
基于內(nèi)容的樣式標簽
基于物理樣式的標簽
首先從標簽功能實現(xiàn)上來看文本的格式化.
1. 基于內(nèi)容的樣式標簽
基于內(nèi)容的樣式會告訴瀏覽器它所包含的文本具有特殊的含義.上下文或用法.然后瀏覽器就會把與該含義.上下文或者用法一致的格式應(yīng)用在文本上.
基于內(nèi)容的樣式標簽有以下幾種:
1) <abbr>表示一個縮寫形式
2) <acronym>定義只取首字母的縮寫
3) <code>用于表示計算機源代碼或其它機器可以閱讀的代碼.。
4) <dfn>標記那些對特殊術(shù)語或短語的定義.
5) <em>告訴瀏覽器其所包含的文本為強調(diào)內(nèi)容.
6) <kbd>表示要從鍵盤輸入的文本,瀏覽器使用等寬字體顯示該文本
7) <strong>標簽和<em>標簽一樣,表示對文本的強調(diào).但是<strong>的語氣更為強烈些.
8) <var>表示變量名或者由用戶提供的值.
基于內(nèi)容的樣式,就是使用不同的字體,格式來顯示標簽所包圍的文本,都是有特殊的含義.如果僅僅是想產(chǎn)生不一樣的文本顯示效果,而沒有這些特殊的含義,最好不要使用這些標簽.例如:<strong>表示強調(diào),其包含的文本顯示為粗黑體.但是,如果僅僅是想產(chǎn)生粗黑體的文本就不要使用<strong>標簽,可以使用<b>標簽.
2. 基于物理樣式的標簽
基于內(nèi)容的樣式告訴瀏覽器,這些標簽所代表了特殊的含義,依此能讓瀏覽器更好的現(xiàn)實文本.在特殊的時候,也許需要文本以特殊的方式來顯示,這就需要使用物理樣式.9種基于物理的樣式:粗體(bold)斜體<Italic)等寬(monospaced),下劃線(underlined),刪除線(strikethrough)放大(larger),縮小(smaller),上標(superscripted),下標(subscribed)
粗體<b>
大字體<big>
斜體<i>
<s>刪除,不常用了,可以使用<del>代替.
<small>小字體
<strike>下劃線
<sub>上標
<sup>下標
<tt>等寬字體.
功能實現(xiàn)上的劃分就到此了,再來看下從功能上的分類,由于有很多的標簽和上面的標簽重復(fù),下面只詳細的介紹上面沒有的標簽.
文本格式化標簽.
標簽 描述
<b> 定義粗字體
<big> 定義大號字體
<small> 定義小號字體
<em> 定義強調(diào)文字
<i> 定義斜字體
<strong> 定義較強烈的強調(diào)
<sub> 定義上標
<sup> 定義下標
<ins> 定義插入字.
<del> 定義刪除
<s> 不贊成使用,del代替
<strike> 不贊成使用,del代替.
計算機輸出標簽
標簽 描述
<code> 定義計算機代碼。
<kbd> 定義鍵盤碼。
<samp> 定義計算機代碼樣本。
<tt> 定義打字機代碼。
<var> 定義變量。
<pre> 定義預(yù)格式文本。
<listing> 不贊成使用。使用 <pre> 代替。
<plaintext> 不贊成使用。使用 <pre> 代替。
<xmp> 不贊成使用。使用 <pre> 代替。
引用、引用和術(shù)語定義
標簽 描述
<abbr> 定義縮寫。
<acronym> 定義首字母縮寫。
<address> 定義地址。
<bdo> 定義文字方向。
<blockquote> 定義長的引用。
<q> 定義短的引用語。
<cite> 定義引用、引證。
<dfn> 定義一個定義項目。
實例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <b>This text is bold</b> <br /> <strong>This text is strong</strong> <br /> <big>This text is big</big> <br /> <em>This text is emphasized</em> <br /> <i>This text is italic</i> <br /> <small>This text is small</small> <br /> This text contains <sub>subscript</sub> <br /> This text contains <sup>superscript</sup> </body> </html>
實例2：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <code>Computer code</code> <br /> <kbd>Keyboard input</kbd> <br /> <tt>Teletype text</tt> <br /> <samp>Sample text</samp> <br /> <var>Computer variable</var> <br /> <p> <b>注釋：</b>這些標簽常用于顯示計算機/編程代碼。 </p> </body> </html>
