La Etiqueta HTML

El elemento HTML representa la raíz del documento HTML, por lo tanto, es el contenedor de todos los demás elementos HTML y es llamada también como la etiqueta root.
La etiqueta <html>
representa la raíz (root) de un documento HTML y es el contenedor de otros elementos HTML, es decir, a excepción de la declaración <!DOCTYPE>
y de los comentarios <!--...-->
, todas las etiquetas HTML descienden de esta.
Dado que el elemento <html>
es el primero en un documento, se le llama el elemento root (o raíz). Pero a pesar de que esta etiqueta es implícita o no requerida en HTML5, sí es requerida para abrir y cerrar documentos XHTML y versiones anteriores de HTML.
Nota: Deberías siempre incluir el atributo lang, para declarar el idioma de la página web. Esto con la intención de ayudar a los motores de búsquedea y a los navegadores web
Ejemplo de un Documento HTML simple:
<!DOCTYPE html> <html lang="es"> <head> <title>Título del Documento</title> </head> <body> <h1>Esto es un Encabezado</h1> <p>Esto es un Párrafo.</p> </body> </html>
Atributos Globales
La etiqueta apceta los atibutos globales.
Atributo | Descripción |
---|---|
accesskey |
Especifica una tecla de acceso directo para activar/enfocar un elemento. |
class |
Especifica uno o más nombres de clase para un elemento (hace referencia a una clase en una hoja de estilo). |
contenteditable |
Especifica si el contenido de un elemento es editable o no. |
data-* |
Se utiliza para almacenar datos personalizados privados de la página o aplicación. |
dir |
Especifica la dirección del texto para el contenido de un elemento. |
draggable |
Especifica si un elemento se puede arrastrar o no. |
enterkeyhint |
Especifica el texto de la tecla Enter en un teclado virtual. |
hidden |
Especifica que un elemento aún no es relevante o ya no lo es. |
id |
Especifica una identificación única para un elemento. |
inert |
Especifica que el navegador debe ignorar esta sección. |
inputmode |
Especifica el modo de un teclado virtual. |
lang |
Establece el idioma del contenido en un Elemento HTML. |
popover |
Especifica un elemento emergente. |
spellcheck |
Especifica si se debe revisar o no la ortografía y la gramática del elemento. |
style |
Especifica un estilo CSS en línea para un elemento. |
tabindex |
Especifica el orden de tabulación de un elemento. |
title |
Especifica información adicional sobre un elemento. |
translate |
Especifica si el contenido de un elemento debe traducirse o no. |
Configuración CSS Predeterminada
La mayoría de los navegadores web desplegará el elemento <html>
con los siguientes valores por defecto:
html { display: block; } html:focus { outline: none; }