Estructura de un documento HTML

Un documento HTML está básicamente separado en dos segmentos: el encabezado (tag HTML head) y el cuerpo (tag HTML body), ambos contenidos por el tag html. Le agregas a esto una declaración de tipo de documento en la parte superior y obtienes la estructura básica de documento para una página web.

La declaración !DOCTYPE

Todo documento HTML correctamente escrito comienza con una declaración básica que define el tipo del mismo. Esta declaración se hace mediante el tag HTML !DOCTYPE y es la primera cosa que debe aparecer en todo el documento. Esto indica al agente procesador (como por ejemplo, navegadores, motores de búsqueda, etc.) a qué estándar supuestamente obedece el documento que está a punto de procesar.
Una declaración típica para un documento correctamente escrito de acuerdo con el estándar XHTML 1.0 Strict debería hacerse de la siguiente manera:

Para ver declaraciones de otros tipos de documentos, ver la referencia para el tag HTML !DOCTYPE.

El contenedor principal: tag html

El tag html actúa como un contenedor para todo el documento. Con la excepción del tag HTML !DOCTYPE cada carácter del documento debería situarse en medio de los tags html de apertura y cierre. El tag html puede también ser usado para definir el lenguaje del documento mediante el atributo "lang".
Al escribir código XHTML hay dos cosas por considerar. La primera es que el atributo "lang" (para todos los tags que lo acepten) recibe una diferente denominación: "xml:lang". Esto no significa que los códigos de lenguaje sean diferentes, solo el nombre del atributo cambia. La segunda cosa por considerar, es que el atributo "xmlns" también debe ser definido para el tag html. Un documento normal compatible con XHTML 1.0 Strict debería tener esta definición básica:

...Contenido del encabezado...


...Contenido del cuerpo...

Asimismo el contenido del tag html puede ser básicamente dividido en dos partes: el encabezado (tag HTML head) y el cuerpo (tag HTML body).

El encabezado del documento

El encabezado de un documento HTML actúa como contenedor para mucha información particular que es definida mediante un grupo de tags. Toda la información contenida en el encabezado del documento es cargada antes que el resto, por estar definida antes que el segmento del cuerpo. Dado que todo el contenido del encabezado de un documento es información no visual (a excepción del título), el encabezado se carga antes que el documento pueda ser mostrado, lo cual puede ser útil para definir muchas características que necesiten ser precargadas (por ejemplo, scripts).
El encabezado se encuentra encerrado por el tag HTML head y contiene algunas de estas definiciones de tags:

• El título del documento: Describe brevemente sobre qué trata el documento. Lea más sobre el tag HTML title.
• Declaraciones de estilos: Grupo de definiciones de clases (hojas de estilos) usadas por otros tags para establecer características visuales. Lea más acerca del tag HTML style.
• Funciones de scripts: Conjunto de funciones declaradas dentro del tag HTML script para proveer funcionalidad al documento.
• Declaraciones meta: Declaradas mediante el tag HTML meta, define atributos y valores personalizados para el documento.
• Vínculos globales: Definidos a través del tag HTML link designa recursos relacionados al documento actual.

Nota que sólo hemos descrito brevemente los tags listados anteriormente. Puedes encontrar más información acerca del uso de los mismos en los recursos especificados para cada uno. Observa este ejemplo de encabezado:

< link rel="index" href="../index.html" />
< link rel="print" href="printer.html" />

El cuerpo del documento

El cuerpo de un documento HTML es el contenedor para la parte visual del mismo. Todas las cosas escritas aquí serán mostradas cuando el documento sea finalmente graficado. La mayoría de los tags pueden ser insertados en el cuerpo del documento (dentro del tag HTML body) y darán forma a los aspectos visuales del mismo.