Explorando un marco de documentos HTML simple
By s4pcademy
El marco básico de un documento HTML consta aproximadamente de tres partes, como puede ver en esta figura.
(1) El HTML Tipo de Documento especifica la versión HTML utilizada.
(2) El área de encabezado normalmente contiene información no visualizable sobre el documento.
(3) El cuerpo del documento contiene el contenido visualizable para el navegador web.
Tipo de documento HTML:
La declaración debe ser la primera especificación en un documento HTML, antes de la etiqueta . no es una etiqueta HTML, sino una instrucción para el navegador web sobre la versión HTML en la que se creó la página web.
En el antiguo HTML 4.01 o XHTML 1.0, esta declaración todavía requería un definición de tipo de documento (DTD) basado en el lenguaje de marcado generalizado estándar (SGML). Esta DTD especificaba las reglas para el lenguaje de marcado para que los navegadores web pudieran representar correctamente el contenido de acuerdo con la DTD.
El HTML actual ya no se basa en SGML y, por lo tanto, no sería necesaria ninguna declaración , por lo que puede escribir lo siguiente aquí:
<!doctype html>
Esta línea la utilizan los navegadores web que requieren la presencia de una declaración . Esa versión es entendida por todos los navegadores web, incluso aquellos que no conocen el HTML actual en absoluto. Como resultado, esto sólo se utiliza para garantizar la compatibilidad con navegadores web más antiguos. Por cierto, la declaración no distingue entre mayúsculas y minúsculas y también puede usar .
Inicio y fin de un documento HTML:
Después de sigue el elemento raíz, html, que informa al navegador web que la página ha sido escrita en código HTML. El elemento raíz encierra todos los demás elementos entre la etiqueta de inicio y la etiqueta de cierre ; también se podría decir que el elemento html es el contenedor de todos los demás elementos HTML.
Incluso si no es necesario, en la práctica, puedes declarar el atributo del idioma del sitio web de inmediato (por ejemplo, lang=»en» para inglés). Los usuarios que utilizan un lector de pantalla te lo agradecerán.
Especificación del idioma: La especificación del idioma mediante el atributo HTML lang es un atributo global y especifica el idioma del contenido del elemento. Por tanto, el atributo no se limita a html y se puede utilizar en casi todos los elementos HTML. El marcado de voz ayuda a los lectores de pantalla a utilizar la salida de voz correcta y ayuda a los motores de búsqueda a encontrar coincidencias con el contenido. El navegador web puede utilizar esta especificación para mostrar correctamente, por ejemplo, los caracteres especiales típicos de un idioma. Estos códigos de voz pueden constar de dos partes. Además del código de idioma principal, puede especificar un subcódigo opcional. Por ejemplo, a través de lang= «en-UK», puede utilizar la versión en inglés del Reino Unido.
Como elementos secundarios directos del elemento html, solo se permiten los elementos head y body.
La guía completa por Jürgen Wolf.
