日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

HTML文本高級(jí)教程_XHTML教程

編輯Tag賺U幣
教程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。

示例代碼 [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>

注意

示例代碼 [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提供了可能是最具體的深入理解。

引用

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>

代碼

有少部分的標(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>

定義術(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>

地址

address應(yīng)該用于地址。

示例代碼 [www.hl5o.cn]
<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>

表現(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。

來(lái)源:52CSS//所屬分類:XHTML教程/更新時(shí)間:2012-06-13
相關(guān)XHTML教程