我們知道HTML是一種再簡單不過的標記語言，一些基礎性的知識，該說的已經說了，該講的也已經講得差不多了，沒有人再去關注HTML還有什麼新穎之處，其實不然，也許我們熟悉的只是HTML中極為常見的標記，但對於一些特殊的標記，您未必熟悉也未必使用過，但也許您會真的喜歡它們。
1、optgroup標記-對select元素中的選項進行邏輯分組
這個元素我們很少有人去關注它，也很少有人知道這個元素的功能是什麼，其實，這個元素通常用於select元素中，其功能是對select元素中的選項進行邏輯分組。這個元素其實在很多場合我們都可能用到，例如我們對web訪客進行身分調查時通常會讓其填寫資料，以現住城市為例，您可能住在江蘇省也可能住在山東省也可能住在其它省份，在這些省份下面還有市，這就需要進行分組，把這些市分組到所屬省。通常情況下我們會這樣寫程式碼：
<select>
<option selected>您所在的城市</option>
<option>---山東省---</option>
<option>濟南市</option>
<option>萊州市</option>
<option>……</option>
<option>---安徽省---</option>
<option>合肥市</option>
<option>……</option>
<option>---江蘇省---</option>
<option>南京市</option>
<option>……</option>
</select>
出來的效果是這樣的：
其實這種方法是非常粗陋的，如果我們用optgroup元素將會達到不一樣的效果：
<select>
<option selected>您所在的城市</option>
<optgroup label="山東省">
<option>濟南市</option>
<option>萊州市</option>
</optgroup>
<optgroup label="安徽省">
<option>合肥市</option>
<option>……</option>
</optgroup>
<optgroup label="江蘇省">
<option>南京市</option>
<option>……</option>
</optgroup>
</select>
出來的效果是這樣的：
這種方法是不是更好呢。
2、sub標記和sup標記-文字物件的上、下標設定
sub標記是內嵌元素，其功能是：內含文字要以下標的形式顯示，比目前字體稍小。此元素在Internet Explorer 3.0 及以上版本的HTML 中可用，在Internet Explorer 4.0 及以上版本的腳本中可用。此元素需要關閉標籤。
一個常見的例子就是在編輯數學公式時我們要對變數進行上下標設置，實例如下：
X<sub>2</sub>
X<sup>2</sup>
出來的效果是這樣的:
X 2
X 2
與其他標籤結合可以用於註釋,例:
毛澤東<sub><em>註：偉大的領袖、革命家、軍事家和思想家</em></sub>
出來的效果是這樣的:
毛澤東註：偉大的領袖、革命家、軍事家和思想家
3、bdo標記-為選定文本片斷禁用雙向法則
我們先來看一個簡單的例子：
<bdo dir="ltr">我很愛你</bdo>
<bdo dir="rtl">你愛常非我</bdo>
註：使用bod標籤時必須連用dir標籤屬性，ltr指從左到右右的編排順序，rtl指從右到左的編排順序。
其顯示結果為：
我非常愛你
你愛常非我
我們看到，不一樣的文字排序在經過bdo定義後變成了一樣的顯示結果，這就是bdo的作用。 Unicode 雙向演算法會根據所嵌入的字元序列的方向特性將其自動反轉。例如，英文文檔的基本方向是由左至右(ltr)。如果文檔內某一段包含了閱讀順序為由右至左(rtl)的語言，你就可以應用雙向演算法來反轉該語言的方向。雙向演算法和DIR 標籤屬性通常足以應付嵌入方向的變更。但是，當你將格式化後的文字交由雙向演算法處理時，可能會發生錯誤。例如，以電子郵件格式化後的包含英語和希伯萊語的文本段將被雙向演算法不正確地轉換。由於希伯萊文本的閱讀順序已經以電子郵件格式轉換過了，對其應用雙向演算法則導致再一次對該文本進行轉換。 bdo元素將關閉雙向演算法並控制閱讀順序。當你使用bdo元素時必需連用dir標籤屬性。
作者：猴年馬月出處：天極網