Cuando dentro de la etiqueta select hay muchos elementos option resulta muy interesante su categorización, pero con alguna etiqueta que permita que esas categorías no se puedan seleccionar. La solución es la etiqueta optgroup:
<select>
<optgroup label="Historia">
<option value ="e_antigua">Edad Antigua</option>
<option value ="e_media">Edad Media</option>
<option value ="e_moderna">Edad Moderna</option>
</optgroup>
<optgroup label="Geografía">
<option value ="europa">Europa</option>
<option value ="america">América</option>
<option value ="asia">Asia</option>
</optgroup>
</select>Resultado del ejemplo:
Tiene dos atributos (aparte de los predeterminados), label, que es obligatorio, y deberá rellenarse con el texto que se quiere obtener, y disabled, cuyo valor será “disabled” (en XHTML todos los atributos han de tener un valor, por eso se repite).