Módulo 07: Estructura Semántica HTML5
Construcción del esqueleto web profesional, accesibilidad y maquetación Enfoque: Construcción del esqueleto web profesional, accesibilidad y maquetación limpia sin "divitis" para posicionar de forma óptima en Google. 1. Concepto Clave: Semántica Web vs. "Divitis" El marcado semántico consiste en utilizar la etiqueta HTML correcta según el significado de la información que contiene, y no solo por cómo se ve en pantalla. El problema de la "Divitis": Abusar de la etiqueta genérica <div> (ej. <div class="header"> , <div class="footer"> , <div class="menu"> ) dificulta la lectura del código, perjudica la accesibilidad para personas con discapacidad visual y confunde a los motores de búsqueda. La solución Semántica: Usar las etiquetas nativas de HTML5 que le indican exactamente a Google qué papel cumple cada bloque dentro del sitio: <header> : Cabecera principal o de sección (logos, títulos). <n...