Desarrollo en HTML5

Para hacer un menú en HTML5, ¿usas nav o menu?

Desarrollo Web|1 min de lectura|14 de julio de 2014

Comparte

¿Cómo desarrollas un menú en HTML5? ¿Cuál es la diferencia entre

Para hacer un menú en HTML5, ¿usas nav o menu?

El viernes compartimos una pregunta en nuestras redes sociales respecto a la forma que construimos los menús en los proyectos web que desarrollamos en IDA.

En resumen, cuando haces un menú en HTML5 tienes dos opciones: nav y menu, cada una con una función diferente.

nav es un elemento de navegación, el cual representa una sección que enlaza a otras páginas o a otras partes de una misma página. Está pensado para bloques de enlaces de navegación y pueden haber varios en un mismo sitio.
menu, en cambio, se usa para grupos de controles o aplicaciones web. No es para navegación, si no para desplegar opciones, controles, filtros, etc.

HTML5

En nuestros proyectos siempre hemos usado nav ya que no hemos tenido aún ningún caso que requiera un menú de controles u opciones.

Cada semana compartiremos más tips sobre nuestro trabajo en diseño, desarrollo, analítica y marketing digital.

¿Tienes alguna duda respecto a estos temas? Entonces déjanos un comentario y la responderemos en el siguiente consejo.

Comparte

Autor

Equipo IDA

Investigamos las tendencias en proyectos y estrategias digitales para complementarlas con nuestra experiencia en artículos informativos. Nuestro objetivo es aportar al desarrollo del área, discutiendo la efectividad de las tecnologías y técnicas aplicadas.

Sabíamos optimizar WordPress como nadie. Por eso lo dejamos

Desarrollo|8 min lec|16 de junio de 2026

Cerramos un ciclo: migramos www.ida.cl y blog.ida.cl, con más de 2.500 artículos publicados desde 2011, desde WordPress hacia un ecosistema moderno de Nuxt 4, Tailwind, Directus y PostgreSQL. Estas son las razones técnicas y arquitectónicas detrás de la decisión.

Accesibilidad cognitiva

Estás perdiendo a uno de cada cinco usuarios porque el modo oscuro no es una estrategia de inclusión

Accesibilidad|3 min lec|26 de marzo de 2026

Existe una falsa sensación de cumplimiento en el diseño de productos digitales. Sin embargo, la accesibilidad cognitiva es el factor que realmente define el respeto por el usuario. Muchos creen que ofrecer una versión en modo oscuro es el límite, pero en 2026, los datos indican que uno de cada cinco de tus usuarios es […]

Diseño de Experiencia

Arquitecturas de información en tiempos de Inteligencia Artificial

Arquitectura De Informacion|8 min lec|24 de febrero de 2026

Cuando hablamos de diseño digital, solemos pensar en interfaces, flujos, usabilidad o experiencia de usuario. Sin embargo, mucho antes de que una persona interactúe con una pantalla, ya ha sido orientada —y en muchos casos condicionada— por una capa menos visible, pero profundamente estructurante: la arquitectura semántica. Lenguaje, categorías, etiquetas, naming y taxonomías no son […]