我們知道HTML是一種再簡(jiǎn)單不過(guò)的標(biāo)記語(yǔ)言,一些基礎(chǔ)性的知識(shí),該說(shuō)的已經(jīng)說(shuō)了,該講的也已經(jīng)講得差不多了,沒(méi)有人再去關(guān)注HTML還有什么新穎之處,其實(shí)不然,也許我們熟悉的只是HTML中極為常見(jiàn)的標(biāo)記,但對(duì)于一些特殊的標(biāo)記,您未必熟悉也未必使用過(guò),但也許您會(huì)真的喜歡它們。
1、optgroup標(biāo)記-對(duì)select元素中的選項(xiàng)進(jìn)行邏輯分組
這個(gè)元素我們很少有人去關(guān)注它,也很少有人知道這個(gè)元素的功能是什么,其實(shí),這個(gè)元素通常用于select元素中,其功能是對(duì)select元素中的選項(xiàng)進(jìn)行邏輯分組。這個(gè)元素其實(shí)在很多場(chǎng)合我們都可能用到,比如我們對(duì)web訪問(wèn)者進(jìn)行身份調(diào)查時(shí)通常會(huì)讓其填寫(xiě)資料,以現(xiàn)住城市為例,您可能住在江蘇省也可能住在山東省也可能住在其它省份,在這些省份下面還有市,這就需要進(jìn)行分組,把這些市分組到所屬省。通常情況下我們會(huì)這樣寫(xiě)代碼:
<select>
<option selected>您所在的城市</option>
<option>---山東省---</option>
<option>濟(jì)南市</option>
<option>萊州市</option>
<option>……</option>
<option>---安徽省---</option>
<option>合肥市</option>
<option>……</option>
<option>---江蘇省---</option>
<option>南京市</option>
<option>……</option>
</select>
出來(lái)的效果是這樣的:
其實(shí)這種方法是非常粗陋的,如果我們用optgroup元素將會(huì)達(dá)到不一樣的效果:
<select>
<option selected>您所在的城市</option>
<optgroup label="山東省">
<option>濟(jì)南市</option>
<option>萊州市</option>
</optgroup>
<optgroup label="安徽省">
<option>合肥市</option>
<option>……</option>
</optgroup>
<optgroup label="江蘇省">
<option>南京市</option>
<option>……</option>
</optgroup>
</select>
出來(lái)的效果是這樣的:
這種方法是不是更好呢。
2、sub標(biāo)記和sup標(biāo)記-文字對(duì)象的上、下標(biāo)設(shè)置
sub標(biāo)記是內(nèi)嵌元素,其功能是:內(nèi)含文本要以下標(biāo)的形式顯示,比當(dāng)前字體稍小。此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用,在 Internet Explorer 4.0 及以上版本的腳本中可用。此元素需要關(guān)閉標(biāo)簽。
一個(gè)常見(jiàn)的例子就是在編輯數(shù)學(xué)公式時(shí)我們要對(duì)變量進(jìn)行上下標(biāo)設(shè)置,實(shí)例如下:
X<sub>2</sub>
X<sup>2</sup>
出來(lái)的效果是這樣的:
X2
X2
與其他標(biāo)簽結(jié)合可以用于注釋,例:
毛澤東<sub><em>注:偉大的領(lǐng)袖、革命家、軍事家和思想家</em></sub>
出來(lái)的效果是這樣的:
毛澤東注:偉大的領(lǐng)袖、革命家、軍事家和思想家
3、bdo標(biāo)記-為選定文本片斷禁用雙向法則
我們先來(lái)看一個(gè)簡(jiǎn)單的例子:
<bdo dir="ltr">我非常愛(ài)你</bdo>
<bdo dir="rtl">你愛(ài)常非我</bdo>
注:使用bod標(biāo)簽時(shí)必須連用dir標(biāo)簽屬性,ltr指從左到右的編排順序,rtl指從右到左的編排順序。
其顯示結(jié)果為:
我非常愛(ài)你
你愛(ài)常非我
我們看到,不一樣的文本排序在經(jīng)過(guò)bdo定義后變成了一樣的顯示結(jié)果,這就是bdo的作用。Unicode 雙向算法會(huì)根據(jù)所嵌入的字符序列的方向特性將其自動(dòng)反轉(zhuǎn)。例如,英語(yǔ)文檔的基本方向是由左至右(ltr)。如果文檔內(nèi)某一段包含了閱讀順序?yàn)橛捎抑磷?rtl)的語(yǔ)言,你就可以應(yīng)用雙向算法來(lái)反轉(zhuǎn)該語(yǔ)言的方向。雙向算法和 DIR 標(biāo)簽屬性通常足以應(yīng)付嵌入方向的變更。但是,當(dāng)你將格式化后的文本交由雙向算法處理時(shí),可能會(huì)發(fā)生錯(cuò)誤。例如,以電子郵件格式化后的包含英語(yǔ)和希伯萊語(yǔ)的文本段將被雙向算法不正確地轉(zhuǎn)換。由于希伯萊語(yǔ)文本的閱讀順序已經(jīng)以電子郵件格式轉(zhuǎn)換過(guò)了,對(duì)其應(yīng)用雙向算法則導(dǎo)致再一次對(duì)該文本進(jìn)行轉(zhuǎn)換。bdo元素將關(guān)閉雙向算法并控制閱讀順序。當(dāng)你使用bdo元素時(shí)必需連用dir標(biāo)簽屬性。
作者:猴年馬月出處:天極網(wǎng)
新聞熱點(diǎn)
疑難解答
圖片精選