usando enlaces href dentro de la etiqueta

Tengo el siguiente código HTML:

 Home Contact Sitemap  

¿Cómo puedo hacer que los valores de Inicio , Contacto y Mapa del sitio sean enlaces? Utilicé el siguiente código y, como esperaba, no funcionó:

  Home Contact Sitemap  

  

ACTUALIZACIÓN (noviembre de 2015): en este día y edad, si desea tener un menú desplegable, hay muchas formas posiblemente mejores de implementarlo. Esta respuesta es una respuesta directa a una pregunta directa, pero no defiendo este método para sitios web públicos.

No puede usar tags href con tags de opción. Necesitarás javascript para hacerlo.

   

Use un menú desplegable real en su lugar: una lista ( ul , li ) y enlaces. Nunca abuse de los elementos del formulario como enlaces.

Los lectores con lectores de pantalla generalmente escanean a través de una lista de enlaces generada de forma automática: omitirán esta información importante. Muchos sistemas de navegación por teclado (por ejemplo, JAWS, Opera) ofrecen diferentes atajos de teclado para enlaces y elementos de formulario.

Si aún no puede descartar la idea de select , no use el controlador onchange al menos. Esto es un verdadero dolor para los usuarios de teclado, hace que su tercer elemento sea casi inaccesible.

(No tengo suficiente reputación para comentar la respuesta de toscho).

No tengo experiencia con lectores de pantalla y estoy seguro de que tus puntos son válidos.

Sin embargo, en cuanto a usar un teclado para manipular selecciones, es trivial seleccionar cualquier opción con el teclado:

TAB al control

ESPACIO para abrir la lista de selección

Flechas ARRIBA o ABAJO para desplazarse al elemento deseado de la lista

ENTER para seleccionar el elemento deseado

Solo en ENTER se activa el evento onchange o (JQuery .change ()).

Aunque personalmente no utilizaría un control de formulario para menús simples, hay muchas aplicaciones web que usan controles de formulario para cambiar la presentación de la página (por ejemplo, orden de clasificación). Estas pueden implementarse ya sea por AJAX para cargar nuevo contenido en el página, o, en implementaciones anteriores, activando nuevas cargas de página, que es esencialmente un enlace de página.

En mi humilde opinión estos son usos válidos de un control de formulario.

La solución aceptada se ve bien, pero hay un caso que no puede manejar:

El evento “onchange” no se activará cuando se vuelva a seleccionar la misma opción. Entonces, se me ocurrió la siguiente mejora:

HTML

  

jQuery

 $("select").click(function() { var open = $(this).data("isopen"); if(open) { window.location.href = $(this).val() } //set isopen to opposite so next time when use clicked select box //it wont trigger this event $(this).data("isopen", !open); }); 

La etiqueta crea una lista desplegable. No puede poner enlaces html dentro de un menú desplegable.

Sin embargo, hay bibliotecas de JavaScript que proporcionan una funcionalidad similar. Aquí hay un ejemplo: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

   

Prueba este código