HTML高級教程文本_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
當段落標簽p應該使用在段落的時候還有許多濫用換行標簽br的情況,p用于表現段落是公認的;谕瑯拥倪壿嫞芏鄻撕瀾摫挥脕矶x確定的文本元素,比如引用,縮寫和計算機代碼等。
應該記住的是,盡管大部分瀏覽器用不同的方式處理這些標簽,最重要的是記住,不是為了讓元素看起來像什么,而是它賦予的含義是什么。
縮寫和首字母組合詞
縮寫標簽abbr和首字母組合詞標簽acronym分別用于縮寫詞語和首字母組合而成的縮寫詞。
縮寫是一個慣用詞組的縮短形式。很平常。然而,首字母縮寫詞則是組成詞組的每個單詞之首個字母(或者單詞的部分)的組合縮寫。所以CSS是一個正確的首字母縮寫詞,但HTML和XHTML卻不是(假如Hypertxet markup language是一個首字母縮寫詞,它應該是HML,同理,XHTML就是EHML了)。
為了優化易用性,縮寫和首字母縮寫詞都應該使用標題屬性title。
注重
引用
blockquote,q和cite用在引用上。blockquote是塊狀的,用于大面積的引用語上,而q則是內聯的,用于更小的詞組。cite也是內聯的,比起q來其本身的語義更可取,很可能在將來取代q。
又,標題屬性title用于表明引用從何而來。
注重:q一般不改變內附文本的外觀──你需要用CSS假如你需要為它指定一個樣式。
代碼
有少部分的標簽,code和var用于計算機程序代碼,pre和samp則,在實踐中,也主要是用于代碼。
code用于計算機程序代碼。
var用于指明代碼里的變量。
samp與代碼類似,但被認為是用于程序的代碼輸出樣例。
pre是預格式化文本,在HTML標簽中不常用,以防止大量空格的產生。它常用于代碼塊。
定義術語
dfn是定義術語,用于高亮顯示一個第一次使用的術語。像abbr和acronym ,標題屬性title可以用來描述術語。
地址
address應該用于地址。
晦澀罕見的標簽
有一些沒有什么價值的標簽,有很少的機會被使用只是因為十分特定的場合。
bdo可以用來反轉文本的方向,可以用來顯示從右向左讀的文本。必需的屬性dir的值可以是ltr(左向右)和rtl(右向左)。
kbd用于表明應由用戶鍵入的文本。
ins和del分別用于顯示編輯插入和刪除的文本。它可以有時間屬性datetime(用YYYYMMDD的格式)和cite屬性(用于說明為什么插入或者刪除理由的一個URL)。
ins元素一般顯示下劃線,而del元素則一般顯示刪除線。
表現(描述性)元素
b、i、tt、sub、sup、big和small都是表現元素,因此,由于它們的精確性,不應該再使用當我們一再強調分離內容和表現。比如b定義粗體元素,沒有任何意義──這些標簽定義純粹的可視化特征,應該是CSS的事。盡管他們是合法的標簽,還有其他的(比如strong和em,是詞組元素)可以實際地添加含義。假如你僅僅需要復制這些標簽的樣式,不需要任何相關的含義,你可以在span標簽上應用CSS。
應該記住的是,盡管大部分瀏覽器用不同的方式處理這些標簽,最重要的是記住,不是為了讓元素看起來像什么,而是它賦予的含義是什么。
縮寫和首字母組合詞
縮寫標簽abbr和首字母組合詞標簽acronym分別用于縮寫詞語和首字母組合而成的縮寫詞。
縮寫是一個慣用詞組的縮短形式。很平常。然而,首字母縮寫詞則是組成詞組的每個單詞之首個字母(或者單詞的部分)的組合縮寫。所以CSS是一個正確的首字母縮寫詞,但HTML和XHTML卻不是(假如Hypertxet markup language是一個首字母縮寫詞,它應該是HML,同理,XHTML就是EHML了)。
為了優化易用性,縮寫和首字母縮寫詞都應該使用標題屬性title。
示例代碼 [www.wf0088.com]
<p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr>
and <acronym title="Cascading Style Sheets">CSS</acronym>.
</p>
and <acronym title="Cascading Style Sheets">CSS</acronym>.
</p>
注重
示例代碼 [www.wf0088.com]
有一些不可思議的理由,Internet Explorer,最常用的瀏覽器,竟然不支持abbr標簽。十分幸運,一個叫Marek Prokop的小伙子為此開發了clever Javascript workaround。
有很多關于縮寫和首字母縮寫詞元素的討論,Lars Holst提供了可能是最具體的深入理解。
有很多關于縮寫和首字母縮寫詞元素的討論,Lars Holst提供了可能是最具體的深入理解。
引用
blockquote,q和cite用在引用上。blockquote是塊狀的,用于大面積的引用語上,而q則是內聯的,用于更小的詞組。cite也是內聯的,比起q來其本身的語義更可取,很可能在將來取代q。
又,標題屬性title用于表明引用從何而來。
注重:q一般不改變內附文本的外觀──你需要用CSS假如你需要為它指定一個樣式。
示例代碼 [www.wf0088.com]
<p>So I asked Bob about quotations and he said
<cite>I know as much about quotations as I do about pigeon fancying</cite>
. Luckily, I found HTML Dog and it said...
</p>
<blockquote title="From HTML Dog, http://www.htmldog.com/">
<p>blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.</p>
</blockquote>
<cite>I know as much about quotations as I do about pigeon fancying</cite>
. Luckily, I found HTML Dog and it said...
</p>
<blockquote title="From HTML Dog, http://www.htmldog.com/">
<p>blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.</p>
</blockquote>
代碼
有少部分的標簽,code和var用于計算機程序代碼,pre和samp則,在實踐中,也主要是用于代碼。
code用于計算機程序代碼。
var用于指明代碼里的變量。
示例代碼 [www.wf0088.com]
<code><var>ronankeatingisbland</var> = true;</code>
samp與代碼類似,但被認為是用于程序的代碼輸出樣例。
pre是預格式化文本,在HTML標簽中不常用,以防止大量空格的產生。它常用于代碼塊。
示例代碼 [www.wf0088.com]
<pre>
<div id="intro">
<h1>Some heading
</h1> <p>Some paragraph paragraph thing thing thingy.
</p> </div>
</pre>
<div id="intro">
<h1>Some heading
</h1> <p>Some paragraph paragraph thing thing thingy.
</p> </div>
</pre>
定義術語
dfn是定義術語,用于高亮顯示一個第一次使用的術語。像abbr和acronym ,標題屬性title可以用來描述術語。
示例代碼 [www.wf0088.com]
<p>Bob's <dfn title="Dog">canine</dfn> mother and <dfn title="Horse">equine</dfn>
father sat him down and carefully explained that he was an
<dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploid</dfn>
organism.</p>
father sat him down and carefully explained that he was an
<dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploid</dfn>
organism.</p>
地址
address應該用于地址。
示例代碼 [www.wf0088.com]
<address>
HMTL Dog House<br />
HTML Street<br />
Dogsville<br />
HT16 3ML </address>
HMTL Dog House<br />
HTML Street<br />
Dogsville<br />
HT16 3ML </address>
晦澀罕見的標簽
有一些沒有什么價值的標簽,有很少的機會被使用只是因為十分特定的場合。
bdo可以用來反轉文本的方向,可以用來顯示從右向左讀的文本。必需的屬性dir的值可以是ltr(左向右)和rtl(右向左)。
示例代碼 [www.wf0088.com]
<bdo dir="rtl">god lmth</bdo>
kbd用于表明應由用戶鍵入的文本。
示例代碼 [www.wf0088.com]
<p>Now type <kbd>woo hoo</kbd></p>
ins和del分別用于顯示編輯插入和刪除的文本。它可以有時間屬性datetime(用YYYYMMDD的格式)和cite屬性(用于說明為什么插入或者刪除理由的一個URL)。
ins元素一般顯示下劃線,而del元素則一般顯示刪除線。
示例代碼 [www.wf0088.com]
<p>This is some <del datetime="20030522">nonsense</del>
<ins cite="http://www.htmldog.com">very informative stuff</ins>
that I've written.</p>
<ins cite="http://www.htmldog.com">very informative stuff</ins>
that I've written.</p>
表現(描述性)元素
b、i、tt、sub、sup、big和small都是表現元素,因此,由于它們的精確性,不應該再使用當我們一再強調分離內容和表現。比如b定義粗體元素,沒有任何意義──這些標簽定義純粹的可視化特征,應該是CSS的事。盡管他們是合法的標簽,還有其他的(比如strong和em,是詞組元素)可以實際地添加含義。假如你僅僅需要復制這些標簽的樣式,不需要任何相關的含義,你可以在span標簽上應用CSS。
相關XHTML教程:
- 相關鏈接:
- 教程說明:
XHTML教程-HTML高級教程文本
。