分享HTML中少为人知的个性化标记_1

　　我们知道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>