Cómo crear un separador en un Select Box (selector desplegable de HTML)

Ésta son de esas cosas que están en la especificación de HTML, pero nunca les prestamos atención. El caso es que a veces al implementar un Select Box (desplegable en HTML), nos gustaría poder dividirlo de alguna forma con separadores. Para ello, puedes utilizar elTAG optgroup, que se utiliza para crear grupos.

Por ejemplo:

 <select>
<optgroup label=»Animales»>
<option value=»Perro»>Perro</option>
<option value=»Gato»>Gato</option>
<option value=»Jirafa»>Jirafa</option>
</optgroup>
<optgroup label=»Objetos de casa»>
<option value=»Lámpara»>Lámpara</option>
<option value=»Mesa»>Mesa</option>
</optgroup>
</select>