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).

Referencias

• 5 HTML elements you probably never use (but perhaps should) (SEOmoz)
• HTML OPTGROUP TAG (W3Schools)
• HTML Tag: optgroup (HTML Dog)

En muchas ocasiones al crear una página se incluyen enlaces que se abren en ventana nueva, en la mayor parte de las ocasiones apuntan a páginas de sitios externos.

Para que un enlace se abra en una ventana nueva hay que añadir el atributo target en la etiqueta del enlace:

<a href="http://www.ejemplo.com" target="_blank">
Texto del enlace</a>

Este tipo de enlaces plantea un inconveniente de usabilidad: el usuario pierde el control de la navegación, ya que el sitio que está visitando se lo arrebata.

Es el usuario el que debe decidir si quiere o no que el enlace se abra en una ventana nueva, pues para eso hay una opción en el navegador. O también puede decidir si abrir ese enlace en una pestaña nueva (si usa un navegador actual).

En muchas ocasiones parece que la razón de hacer enlaces que se abren en ventanas nuevas tiene el objetivo de conservar los usuarios. Si el usuario quiere volver a la página de origen no tiene más que darle al botón “Atrás” de su navegador, que para eso está.

De todas formas habrá situaciones que requieran ese tipo de enlace, el atributo target existe para usarlo. Pero para usarlo de forma adecuada y cuando sea necesario, sin abusar.

En caso de utilizar este tipo de enlace, es interesante indicar que al pinchar en el enlace se abrirá una ventana nueva, añadiendo dicha información entre paréntesis en el propio texto del enlace (esta alternativa es más visible) o añadiendo la indicación dentro del atributo title en la etiqueta de enlace:

<a href="http://www.ejemplo.net">Texto del enlace
(se abre en ventana nueva)</a>

<a href="http://www.ejemplo.net"
title="Se abre en ventana nueva">
Texto del enlace (se abre en ventana nueva)</a>

El atributo target y XHTML

En XHTML 1.1 se ha eliminado el atributo target, y XHMTL 1.0 existe en las versiones Frameset y Transitional, pero no en la Strict:

Why was the target attribute removed from XHTML 1.1?

It wasn’t. XHTML 1.0 comes in three versions: strict, transitional, and frameset. All three of these were deliberately kept as close as possible to HTML 4.01 as XML would allow. XHTML 1.1 is an updated version of XHTML 1.0 strict, and no version of HTML strict has ever included the target attribute. The other two versions, transitional and frameset, were not updated, because there was nothing to update. If you want to use the target attribute, use XHTML 1.0 transitional.

En caso de utilizar una de las versiones que no admite el atributo target, se puede crear un enlace en ventana nueva mediante javascript.

Enlaces relacionados

• 30 days to a more accessible web site – Day 16: Not opening new windows (Dive Into Accessibility)
• The Top Ten Web Design Mistakes of 1999 (Jakob Nielsen’s Alertbox)

Actualizado 2006-01-09: me faltó incluir lo de indicar la apertura de los enlaces en una ventana nueva.

Actualizado 2006-05-07: Añadidos enlaces relacionados.