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