1.3.- Estructura de un documento HTML.
Caso práctico
Félix pregunta a Juan si existen grandes diferencias entre el XML y el HTML. Juan le explica que ambos lenguajes tienen origen en otro lenguaje que es el SGML y que sus diferencias son, principalmente, funcionales ya que la estructura del documento es semejante.
La estructura de una página HTML ha de ser coherente con la que hemos visto en el tema anterior para cualquier documento XML. Por ello tendrá un prólogo y un ejemplar.
Prólogo
Todo documento HTML ha de tener una declaración del tipo de documento donde se le indica al navegador el tipo de documento que se va a iniciar y la versión de HTML utilizada para la codificación del mismo y, además, le permite interpretarlo correctamente.
Para la versión HTML 4.0, hay tres prólogos distintos que definen tres tipos de documentos HTML:
HTML 4.0 Strict
. Es la DTD utilizada por defecto con HTML 4.0. En estos documentos no se permite el uso de los elementos declarados deprecated en otras versiones o Recomendaciones HTML. La declaración del tipo de documento correspondiente es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.0 Transitional
. Permite el uso de todos los elementos que permite elHTML 4.0 Strict
, además de los elementos deprecated. La declaración del tipo de documento correspondiente es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.0 Frameset
. Es una variante deHTML 4.0 Transitional
para documentos que usan frames. En estos documentos el elemento body hay que reemplazarlo por un elemento frameset. La declaración del tipo de documento correspondiente es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
En el caso de HTML5 solo existe una declaración de tipo de documento:
<!DOCTYPE html>
Ejemplar
En un documento HTML está delimitado por las etiquetas <html>
y </html>
. El ejemplar puede, a su vez dividirse en dos partes:
- La cabecera, delimitada por las etiquetas
<head>
y</head>
. Contiene la información sobre el título de la página, el autor, palabras clave, etc. Dentro de esta sección es obligatorio definir el título del documento, para ello se usan las etiquetas<title> </title>
. Está información no se presentará en la ventana del navegador, salvo el título, que aparecerá en la barra de título de la parte superior. - El cuerpo, contiene la información que se va a presentar en la pantalla. Está limitado por las etiquetas
<body>
y</body>
, salvo en los documentos de tipoHTML 4.0 Frameset
donde éstas se sustituyen por<frameset>
y</frameset>
.
Es un marco que permite visualizar simultáneamente, en una misma página web, varios apartados diferentes.