HTML文本高級(jí)教程_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
當(dāng)段落標(biāo)簽p應(yīng)該使用在段落的時(shí)候還有許多濫用換行標(biāo)簽br的情況,p用于表現(xiàn)段落是公認(rèn)的。基于同樣的邏輯,很多標(biāo)簽應(yīng)該被用來(lái)定義確定的文本元素,比如引用,縮寫(xiě)和計(jì)算機(jī)代碼等。
應(yīng)該記住的是,盡管大部分瀏覽器用不同的方式處理這些標(biāo)簽,最重要的是記住,不是為了讓元素看起來(lái)像什么,而是它賦予的含義是什么。
縮寫(xiě)和首字母組合詞
縮寫(xiě)標(biāo)簽abbr和首字母組合詞標(biāo)簽acronym分別用于縮寫(xiě)詞語(yǔ)和首字母組合而成的縮寫(xiě)詞。
縮寫(xiě)是一個(gè)慣用詞組的縮短形式。很平常。然而,首字母縮寫(xiě)詞則是組成詞組的每個(gè)單詞之首個(gè)字母(或者單詞的部分)的組合縮寫(xiě)。所以CSS是一個(gè)正確的首字母縮寫(xiě)詞,但HTML和XHTML卻不是(如果Hypertxet markup language是一個(gè)首字母縮寫(xiě)詞,它應(yīng)該是HML,同理,XHTML就是EHML了)。
為了優(yōu)化易用性,縮寫(xiě)和首字母縮寫(xiě)詞都應(yīng)該使用標(biāo)題屬性title。
注意
引用
blockquote,q和cite用在引用上。blockquote是塊狀的,用于大面積的引用語(yǔ)上,而q則是內(nèi)聯(lián)的,用于更小的詞組。cite也是內(nèi)聯(lián)的,比起q來(lái)其本身的語(yǔ)義更可取,很可能在將來(lái)取代q。
又,標(biāo)題屬性title用于表明引用從何而來(lái)。
注意:q一般不改變內(nèi)附文本的外觀──你需要用CSS如果你需要為它指定一個(gè)樣式。
代碼
有少部分的標(biāo)簽,code和var用于計(jì)算機(jī)程序代碼,pre和samp則,在實(shí)踐中,也主要是用于代碼。
code用于計(jì)算機(jī)程序代碼。
var用于指明代碼里的變量。
samp與代碼類似,但被認(rèn)為是用于程序的代碼輸出樣例。
pre是預(yù)格式化文本,在HTML標(biāo)簽中不常用,以防止大量空格的產(chǎn)生。它常用于代碼塊。
定義術(shù)語(yǔ)
dfn是定義術(shù)語(yǔ),用于高亮顯示一個(gè)第一次使用的術(shù)語(yǔ)。像abbr和acronym ,標(biāo)題屬性title可以用來(lái)描述術(shù)語(yǔ)。
地址
address應(yīng)該用于地址。
晦澀罕見(jiàn)的標(biāo)簽
有一些沒(méi)有什么價(jià)值的標(biāo)簽,有很少的機(jī)會(huì)被使用只是因?yàn)槭痔囟ǖ膱?chǎng)合。
bdo可以用來(lái)反轉(zhuǎn)文本的方向,可以用來(lái)顯示從右向左讀的文本。必需的屬性dir的值可以是ltr(左向右)和rtl(右向左)。
kbd用于表明應(yīng)由用戶鍵入的文本。
ins和del分別用于顯示編輯插入和刪除的文本。它可以有時(shí)間屬性datetime(用YYYYMMDD的格式)和cite屬性(用于說(shuō)明為什么插入或者刪除理由的一個(gè)URL)。
ins元素一般顯示下劃線,而del元素則一般顯示刪除線。
表現(xiàn)(描述性)元素
b、i、tt、sub、sup、big和small都是表現(xiàn)元素,因此,由于它們的精確性,不應(yīng)該再使用當(dāng)我們一再?gòu)?qiáng)調(diào)分離內(nèi)容和表現(xiàn)。比如b定義粗體元素,沒(méi)有任何意義──這些標(biāo)簽定義純粹的可視化特征,應(yīng)該是CSS的事。盡管他們是合法的標(biāo)簽,還有其他的(比如strong和em,是詞組元素)可以實(shí)際地添加含義。如果你僅僅需要復(fù)制這些標(biāo)簽的樣式,不需要任何相關(guān)的含義,你可以在span標(biāo)簽上應(yīng)用CSS。
應(yīng)該記住的是,盡管大部分瀏覽器用不同的方式處理這些標(biāo)簽,最重要的是記住,不是為了讓元素看起來(lái)像什么,而是它賦予的含義是什么。
縮寫(xiě)和首字母組合詞
縮寫(xiě)標(biāo)簽abbr和首字母組合詞標(biāo)簽acronym分別用于縮寫(xiě)詞語(yǔ)和首字母組合而成的縮寫(xiě)詞。
縮寫(xiě)是一個(gè)慣用詞組的縮短形式。很平常。然而,首字母縮寫(xiě)詞則是組成詞組的每個(gè)單詞之首個(gè)字母(或者單詞的部分)的組合縮寫(xiě)。所以CSS是一個(gè)正確的首字母縮寫(xiě)詞,但HTML和XHTML卻不是(如果Hypertxet markup language是一個(gè)首字母縮寫(xiě)詞,它應(yīng)該是HML,同理,XHTML就是EHML了)。
為了優(yōu)化易用性,縮寫(xiě)和首字母縮寫(xiě)詞都應(yīng)該使用標(biāo)題屬性title。
示例代碼 [www.hl5o.cn]
<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.hl5o.cn]
有一些不可思議的理由,Internet Explorer,最常用的瀏覽器,竟然不支持abbr標(biāo)簽。十分幸運(yùn),一個(gè)叫Marek Prokop的小伙子為此開(kāi)發(fā)了clever Javascript workaround。
有很多關(guān)于縮寫(xiě)和首字母縮寫(xiě)詞元素的討論,Lars Holst提供了可能是最具體的深入理解。
有很多關(guān)于縮寫(xiě)和首字母縮寫(xiě)詞元素的討論,Lars Holst提供了可能是最具體的深入理解。
引用
blockquote,q和cite用在引用上。blockquote是塊狀的,用于大面積的引用語(yǔ)上,而q則是內(nèi)聯(lián)的,用于更小的詞組。cite也是內(nèi)聯(lián)的,比起q來(lái)其本身的語(yǔ)義更可取,很可能在將來(lái)取代q。
又,標(biāo)題屬性title用于表明引用從何而來(lái)。
注意:q一般不改變內(nèi)附文本的外觀──你需要用CSS如果你需要為它指定一個(gè)樣式。
示例代碼 [www.hl5o.cn]
<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>
代碼
有少部分的標(biāo)簽,code和var用于計(jì)算機(jī)程序代碼,pre和samp則,在實(shí)踐中,也主要是用于代碼。
code用于計(jì)算機(jī)程序代碼。
var用于指明代碼里的變量。
示例代碼 [www.hl5o.cn]
<code><var>ronankeatingisbland</var> = true;</code>
samp與代碼類似,但被認(rèn)為是用于程序的代碼輸出樣例。
pre是預(yù)格式化文本,在HTML標(biāo)簽中不常用,以防止大量空格的產(chǎn)生。它常用于代碼塊。
示例代碼 [www.hl5o.cn]
<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>
定義術(shù)語(yǔ)
dfn是定義術(shù)語(yǔ),用于高亮顯示一個(gè)第一次使用的術(shù)語(yǔ)。像abbr和acronym ,標(biāo)題屬性title可以用來(lái)描述術(shù)語(yǔ)。
示例代碼 [www.hl5o.cn]
<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應(yīng)該用于地址。
示例代碼 [www.hl5o.cn]
<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>
晦澀罕見(jiàn)的標(biāo)簽
有一些沒(méi)有什么價(jià)值的標(biāo)簽,有很少的機(jī)會(huì)被使用只是因?yàn)槭痔囟ǖ膱?chǎng)合。
bdo可以用來(lái)反轉(zhuǎn)文本的方向,可以用來(lái)顯示從右向左讀的文本。必需的屬性dir的值可以是ltr(左向右)和rtl(右向左)。
示例代碼 [www.hl5o.cn]
<bdo dir="rtl">god lmth</bdo>
kbd用于表明應(yīng)由用戶鍵入的文本。
示例代碼 [www.hl5o.cn]
<p>Now type <kbd>woo hoo</kbd></p>
ins和del分別用于顯示編輯插入和刪除的文本。它可以有時(shí)間屬性datetime(用YYYYMMDD的格式)和cite屬性(用于說(shuō)明為什么插入或者刪除理由的一個(gè)URL)。
ins元素一般顯示下劃線,而del元素則一般顯示刪除線。
示例代碼 [www.hl5o.cn]
<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>
表現(xiàn)(描述性)元素
b、i、tt、sub、sup、big和small都是表現(xiàn)元素,因此,由于它們的精確性,不應(yīng)該再使用當(dāng)我們一再?gòu)?qiáng)調(diào)分離內(nèi)容和表現(xiàn)。比如b定義粗體元素,沒(méi)有任何意義──這些標(biāo)簽定義純粹的可視化特征,應(yīng)該是CSS的事。盡管他們是合法的標(biāo)簽,還有其他的(比如strong和em,是詞組元素)可以實(shí)際地添加含義。如果你僅僅需要復(fù)制這些標(biāo)簽的樣式,不需要任何相關(guān)的含義,你可以在span標(biāo)簽上應(yīng)用CSS。
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(二)
- HTML網(wǎng)頁(yè)超鏈接標(biāo)記
- HTML初級(jí)教程段落
- HTML表格標(biāo)記教程(26):單元格標(biāo)記
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- A Link 鏈接的rel、target屬性詳解
- 網(wǎng)頁(yè)輸入框的樣式觸發(fā)效果
- HTML表格標(biāo)記教程(37):表頭的背景圖象屬性BACKGROUND
- HTML表格標(biāo)記教程(34):跨行屬性ROWSPAN
- HTML表格標(biāo)記教程(21):行的邊框色屬性BORDERCOLOR
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-HTML文本高級(jí)教程
。