Si tu sitio web fuera un organismo vivo, la etiqueta <html> sería la piel que lo contiene todo. Es el elemento raíz (root) y absolutamente nada en tu página puede existir fuera de sus fronteras.
El Rey de la Jerarquía
El navegador utiliza esta etiqueta para saber dónde empieza y dónde termina el documento. Es el ancestro común de todos los elementos (el "padre de todos").
🛠️ Los Atributos que te hacen PRO
Un desarrollador novato deja la etiqueta vacía: <html>. Un Arquitecto Web como tu utilizas los atributos estratégicos:
-
lang="es": (Obligatorio para Seniors) Le dice a los motores de búsqueda y a los lectores de pantalla en qué idioma está el contenido. Evita que el navegador pregunte "¿Quieres traducir esta página?". -
dir="ltr": Define la dirección del texto (de izquierda a derecha). Fundamental si algún día trabajas con idiomas como el árabe (rtl).
Código : La Raíz Perfecta
<html lang="es">
<head>
</head>
<body>
</body>
</html>
Tip para el Futuro Senior:
En CSS, puedes seleccionar este elemento usando el selector :root. Es la mejor práctica para declarar tus Variables CSS (colores, tamaños, fuentes) porque garantiza que estarán disponibles para absolutamente todos los elementos de tu sitio.
Top comments (0)