Programacion y Desarrollo Web

La etiqueta nav en html 5 es utilizada para contener elementos de navegación como puede ser el menú de navegación principal de un sitio web, esta etiqueta es el sustituto de la etiqueta ul combinada con un poco de css para generar el menú de nuestra web.

Sintaxis.-

||

|| < html>

|| < head>< title>< /title>< /head>

|| < body>

|| < header>

|| < h1>TITULO< /h1>

|| < /header>

|| < nav>

|| ELEMENTOS DEL MENU
|| < /nav>
|| < /body>
|| < /html>
||

Como verán la sintaxis es muy sencilla y facil de enten der, la función de esta etiqueta es solo delimitar los elementos del menú de navegación, los cuales pueden estar conformados por una lista desordenada como lo hacemos con html4 o Xhtml, ejemplo.-

||

|| < nav>

|| < ul>

|| < li>Elemento 1< /li>

|| < li>Elemento 2< /li>

|| < li>Elemento 3< /li>

|| < /ul>

|| < /nav>

||

Disponible para descargar la beta 4 de la versión de mozilla firefox 3.6, en esta nueva versión se corrigen mas de 100 bugs de seguridad respecto a la versión anterior.

Esta nueva versión contiene algunas mejoras y continuo con los desarrollos logrados para esta versión, estas son algunas de las características.-


# (Nuevo en esta versión) Soporte para la API del archivo de HTML5.
# Un cambio a la forma de como se integra software de terceros con Firefox para aumentar la estabilidad.
# La capacidad de ejecutar scripts de forma asincrónica para acelerar los tiempos de carga de página.
# Un mecanismo para prevenir incompatibilidad de software que pueda cerrar el navegador inesperadamente.
# Cambio de apariencia por los usuarios con un solo click con el soporte llamado Personas.
# Firefox 3.6 alertará cuando los plugins instalados estén sin actualizar para ayudar en la seguridad del navegador y el usuario.
# El video nativo abierto puede mostrarse en pantalla completa.
# Soporte para el formato web de fuentes abierta.
# Mejoras en el rendimiento de JavaScript, en la capacidad de respuesta general y a la hora del comienzo.
# Soporte para el nuevo CSS, DOM, y tecnologías web HTML 5.

Si estas interesado en descargar esta nueva version de prueba de firefox, la puedes descargar desde aqui.

La versión estable de la rama 3.6 se espera para finales de este año, solo se interpone la versión RC antes de la versión final.

Una interesante colección de cheat sheet o guías rápidas para los nuevos estándares de html 5 y css3, sin duda son guías que nos servirán de gran apoyo al momento de crear paginas web.

Ingresar a la colección.

En artículos anteriores vimos como trabajar con listas ordenadas y no ordenadas, ademas de aprender a hacer listas anidadas, en esta ocasión veremos las listas de definiciones, por lo general el ámbito de este tipo de listas son hacer glosarios (listas de entradas con definiciones).

A diferencia de las listas ordenadas y no ordenas, las listas de definiciones no son precedidas por ningún símbolo.

Sintaxis básica.-

||

|| < dl>

|| < dt> Aquí introducimos el termino< /dt>

|| < dd> Aquí introducimos la definición < /dd>

|| < /dl>

||

Etiqueta DL.-

(< dl>< /dl>) Identifica el inicio y el final de la lista de definicion.

Etiqueta DT.-

(< dt>< /dt>) Del ingles list term, termino a definir.

Etiqueta DD.-

(< dd>< /dd>) Del ingles definition definition, Definicion o explicacion del termino anterior.

Ejemplo.-

Aquí introducimos el termino

 Aquí introducimos la definición

En el articulo anterior vimos los dos tipos de listas con los que podemos trabajar en html, listas ordenadas y no ordenadas, en esta ocasión aprenderemos a utilizar listas anidadas, no es muy común utilizarlas pero en algún momento las necesitaremos para complementar algún trabajo.

Sintaxis.-

||

|| < ul>

|| < li>Elemento 1< /li>

|| < li>Elemento 2< /li>

|| < ul>

|| < li>Sub elemento 1< /li>

|| < li>Sub elemento 2< /li>

|| < /ul>

|| < li>Elemento 3< /li>

|| < /u>

||

En el ejemplo anterior vemos la sintaxis de una lista anidada, prácticamente se inserta una lista dentro de otra lista, tan solo hay que tener cuidado al momento de abrir y cerrar las etiquetas, es muy fácil de utilizar, este es el resultado.-

• Elemento 1
• Elemento 2
  
  
  
  • Sub elemento 1
  • Sub elemento 2
  
  
  
  
• Elemento 3

NOTA:  Es muy importante mantener un anidamiento correcto ya que al momento de visualizar la lista en el navegador se puede ver bien pero por ejemplo si la combinamos con CSS nos traerá muchos problemas, al decir correcta nos referimos a cerrar correctamente las etiquetas.