estructura de un documento HTML

ESTRUCTURA DE UN DOCUMENTO HTML

Un documento HTML debe tener siempre una estructura inicial, con algunas etiquetas y características obligatorias y otras recomendables. Ese esquema es el siguiente, donde se diferencian tres zonas principales:

Head: En el documento HTML hay una primera sección donde se especificarán todos los metadatos del documento, es decir, la parte «que no se ve» directamente en el navegador de forma visual.

Tipo de documento: En la primera línea del documento HTML debe ir especificado siempre de que tipo de documento HTML se trata. No es absolutamente obligatorio indicarlo (de hecho, hay páginas webs que no lo tienen), pero eso trae algunas consecuencias que veremos más adelante.

Body: La segunda sección es el cuerpo de la página, donde si aparecen todos los elementos que aparecerán visualmente en el navegador del usuario.

Tipo de documento

Antes de comenzar un documento HTML, en su primera línea, es siempre conveniente indicar el tipo de documento a utilizar. Para indicar que se trata de un documento HTML5 colocaremos la siguiente linea:

<!DOCTYPE html>

Cabecera HTML

La zona de la cabecera de una página web es la parte que se incluye en el interior de las etiquetas <head>, que son las primeras etiquetas que se encuentran en el documento y a su vez están dentro de las etiquetas <html> que engloban todo el documento HTML.

En esta zona se indicarán, en su mayoría, metadatos como el título y descripción de la página o elementos relacionados que no se representarán visualmente en el navegador del usuario. También es el lugar indicado para incluir etiquetas que relacionen el documento actual con otros documentos externos (por ejemplo, para cargar estilos CSS o scripts).

Cabecera HTML

La zona de la cabecera de una página web es la parte que se incluye en el interior de las etiquetas <head>, que son las primeras etiquetas que se encuentran en el documento y a su vez están dentro de las etiquetas <html> que engloban todo el documento HTML.

En esta zona se indicarán, en su mayoría, metadatos como el título y descripción de la página o elementos relacionados que no se representarán visualmente en el navegador del usuario. También es el lugar indicado para incluir etiquetas que relacionen el documento actual con otros documentos externos (por ejemplo, para cargar estilos CSS o scripts).

Cuerpo de página

La zona del cuerpo de página es la parte que se incluye en el interior de las etiquetas <body>, la segunda parte de un documento HTML, que va inmediatamente después del cierre de la etiqueta <head>. En esta zona se incluyen todas las etiquetas HTML que si tienen repercusión visual en el navegador del usuario, generalmente utilizadas para dibujar secciones o partes de una página.

<html>: Este elemento envuelve todo el contenido de la página (excepto la DTD)

<head>: Este elemento designa la parte de encabezado del documento. Puede incluir información opcional sobre la página Web, como puede ser el título (el navegador lo muestra en la barra de título), palabras clave de búsqueda opcionales y una hoja de estilo opcional.

<body>: Este elemento alberga el contenido de su página Web, es decir, aquello que queremos que aparezca en el área de navegación del navegador..

<title>: Establece el título de la página Web, el cual tiene varias funciones. Primero, los navegadores lo muestran en la parte superior de la ventana. Segundo, cuando un visitante crea un marcador para la página, el navegador emplea el título para etiquetarlo en el menú Marcadores (o favoritos). tercero, cuando la página aparece en una búsqueda Web, el motor de búsqueda suele enseñar este título como primera línea en los resultados, seguido de un fragmento del contenido de la página.

<p>: Indica un párrafo. Los navegadores no los sangran pero añaden un pequeño espacio entre varios consecutivos para mantenerlos separados.

Entre las marcas del elemento <HEAD> se podrán utilizar los siguientes elementos:

<TITLE> para dar nombre al documento;

<META> para forzar a la página activa a ser cargada cada cierto tiempo.

<BASE> para prefijar la dirección base de los documentos referenciados mediante un URL relativo.