Ideas/conceptos claves

HTML Semántico es el uso de las etiquetas HTML para reforzar la semántica, o el significado, de la información en las páginas web más que simplemente redefinir su forma de presentación (apariencia)

Apuntes

HTML Semántico

• No solo nos ayuda con algunos aspectos de presentación, pero le agrega significado a nuestro contenido
  • El navegador sabra de mejor forma que interacciones tiene y algunos aspectos de presentación

Sin HTML semántico

<div></div>
	<div></div><div></div>
<div></div>

• Se puede crear una estructura visual buena con CSS, pero realmente difícilmente los navegadores entenderán la semántica del sitio web construido

Con HTML semántico

<header></header>
	<article></article>
<footer></footer>

• Esto ayuda al árbol de accesibilidad, es decir que ayuda a los lectores de pantalla a mapear el sitio y brindar el contenido de una mejor forma a los usuarios

<aside> 📌 RESUMEN: El HTML semántico es un mejor uso de las etiquetas HTML para tener un contenido más claro y organizado para los usuarios y el navegador de los mismos

</aside>