Vocabulario de Desarrollo web · HTML y marcado

¿Qué significa semantic HTML?

Significado en Desarrollo web, traducción al español y ejemplos

sustantivoTérmino frecuente

semantic HTML: HTML semántico

HTML que usa los elementos según su significado, como nav, main, article y button, en lugar de recurrir a div y span genéricos para todo.

Cómo se usa

Surge en revisiones de código y tareas de accesibilidad: el HTML semántico proporciona información útil a lectores de pantalla, buscadores y navegadores. En broma, al uso excesivo de div se le llama div soup («sopa de divs»).

Frases de ejemplo

  1. Replace the clickable div with a real button; semantic HTML gives you keyboard support for free.

    Sustituye el div seleccionable por un botón real; el HTML semántico incluye compatibilidad con teclado de forma automática.

    El elemento button ya responde a la interacción con teclado.

  2. Good semantic HTML makes the page easier to style and easier to test.

    Un buen HTML semántico facilita dar estilo a la página y también probarla.

    La estructura con significado ayuda tanto a localizar elementos como a aplicarles estilos.

Combinaciones frecuentes

  • semantic elements
  • semantic markup
  • landmark elements
  • div soup

Esta palabra en otras especialidades

Una misma palabra en inglés puede tener un significado diferente según la especialidad:

Más términos: HTML y marcado

Practica con lecturas adaptadas a tu nivel

Leer textos de tu nivel te ayuda a recordar las palabras nuevas. Elige libros gratuitos en inglés: