HTML no es solo estructura visual.
Es significado.
Es intención.

Es cómo el navegador, los buscadores y las personas entienden tu web, incluso antes de que exista el CSS.

---

¿Qué es la semántica? (sin complicarnos la vida)

Hablar de semántica no es hablar de algo complejo.
Es simplemente usar la etiqueta correcta para lo que representa el contenido.

Un botón es un botón.
Un artículo es un artículo.
Un encabezado no es solo texto grande.

Cuando usas:

• <header>
• <main>
• <section>
• <article>
• <nav>
• <footer>

no lo haces por moda, lo haces porque estás diciendo:

“Esto es esto, y cumple esta función”.

Y eso cambia todo.

---

¿Por qué usar solo <div> es mala idea? (aunque “funcione”)

Sí, puedes hacer una web entera solo con <div>.
Y sí, se va a ver igual.

Pero por debajo:

• Los lectores de pantalla no entienden la estructura
• El SEO pierde contexto
• El código se vuelve más difícil de mantener
• Tú mismo te pierdes cuando vuelves al proyecto

Una web hecha solo con <div> es como un texto sin puntos ni párrafos: se puede leer, pero cansa.

---

Semántica = mejor accesibilidad

Aquí mucha gente se pierde, pero es clave.

Cuando usas HTML semántico:

• Personas con lectores de pantalla pueden navegar mejor
• Los botones se comportan como botones
• Los formularios tienen sentido
• El foco del teclado funciona correctamente

Y no estás haciendo nada extra.
Solo estás usando bien el lenguaje.

Eso es frontend bien hecho.

---

Semántica y SEO (sin hacks raros)

Los buscadores no ven tu web como tú.
La leen.

Si tu estructura es clara:

• Entienden qué es contenido principal
• Qué es navegación
• Qué es un artículo
• Qué es información secundaria

No es magia.
Es estructura bien pensada.

---

Cómo pienso el HTML antes de escribir estilos

Antes de tocar CSS, yo me pregunto:

• ¿Qué es lo más importante de esta página?
• ¿Qué es contenido?
• ¿Qué es navegación?
• ¿Qué se repite?

Si el HTML está bien planteado, el CSS fluye solo.

Cuando no lo está, empiezas a parchear.

---

El HTML también habla de ti como dev

Esto es algo que casi nadie dice:

Se nota cuando un desarrollador entiende HTML.

En la estructura.
En la claridad.
En lo fácil que es leer el código.

No necesitas frameworks para escribir buen HTML.
Necesitas intención.

---

Conclusión

HTML no es el paso previo al CSS.
Es la base de todo.

Una web bien estructurada:

• Se mantiene mejor
• Se entiende mejor
• Escala mejor
• Funciona mejor para todos

Y eso empieza por usar el lenguaje como fue pensado.

Porque una web bonita puede impresionar…
pero una web bien hecha se queda