ESTRUCTURA Y
DEFINICION DE UN DOCUMENTO HTML
ETIQUETADO INICIAL DE UNA PAGINA WEB HTML5
ESTRUCTURA BASICA DE UNA
PAGINA EN HTML5
DEFINICION DEL TIPO DE DOCUMENTO
La primera línea de un documento HTML5, es una etiqueta especial
llamada DOCTYPE, esta línea indica al navegador el tipo de documento que va a leer.
Esta etiqueta permite que el navegador se ajuste lo más adecuadamente posible a la visualización del documento, ahorrando tiempo en la carga del mismo.
INICIO DEL DOCUMENTO HTML
Se ha de tener en cuenta que muchas veces en los documentos que se crean se considera como un buen estilo de diseño, el incluir o especificar el lenguaje natural que se utiliza para crear el documento.
Para realizar esta acción es conveniente añadir a la etiqueta de inicio de página <html>, el atributo que permite especificar el lenguaje, quedando la misma de la siguiente forma.
ETIQUETA <HEAD> Encabezado del documento HTML
Como se ha explicado anteriormente una de las partes principales en la estructura de un documento web, es la sección de cabecera del mismo, la cual se define
mediante la etiqueta <head></head>.
La explicación formal de esta etiqueta es que sirve de contenedor para el resto de etiquetas que puede
contener esta sección.
Etiqueta <TITLE>
La etiqueta <title> “titulo”, sirve para definir el título del documento, siendo requerida u obligatoria en todos los documentos.
El título es el único elemento de la sección encabezado que es visible y normalmente los navegadores lo visualizan en la barra de título de la ventana, o en caso de ser un navegador que muestre pestañas, se muestra como título de la pestaña.
También es usada por los navegadores para añadir la página a su agenda de favoritos con el título especificado y por último los
motores de búsqueda la utilizan para indexar la página.
Etiqueta <META>
La etiqueta <meta> sirve para definir datos (“metadatos”) sobre el documento web o html, estos datos no son visualizados por el navegador, ya que se
encuentran incluidos en la sección de encabezado y se suelen utilizar para establecer valores como palabras claves (“ keywords “), descripción de la página, autor de la misma, última fecha de modificación, etc.
Estos datos son utilizados por los navegadores por ejemplo, para recargar la página o establecer valores de visualización de la misma.
Los buscadores suelen utilizar las keywords para establecer valores de búsqueda para la página, mientras que otros tipos de datos podrían ser utilizados por otros tipos de servicio web.
El formato de la etiqueta es el siguiente:
Entre los atributos a destacar podemos encontrar el atributo CHARSET.
Este atributo permite establecer el conjunto de caracteres que ha de utilizar el navegador para visualizar la información del documento HTML que se está representando.
La sintaxis para definir esta etiqueta con el atributo charset es la siguiente:
Los conjuntos de caracteres que más se suelen utilizar son UTF-8 y ISO-8859-1, que se corresponden con la codificación
Unicode y el juego de caracteres para el alfabeto Latín.
Al igual que es conveniente especificar el lenguaje también es
conveniente, especificar el juego de codificación de caracteres que se ha de utilizar para realizar la visualización de la página.
De esta forma se hace coincidir los símbolos que componen el lenguaje natural utilizado para la creación del documento, con los símbolos que se visualizan en el navegador.
Para realizar esta acción se utiliza el atributo charset en la etiqueta <meta>.
ETIQUETA <BODY> Cuerpo del documento HTML
La etiqueta <body>, contenida dentro de las etiquetas del documento web (<html></html>), sirven para definir lo que será el cuerpo del documento web, y su contenido será visualizado por el navegador.
Básicamente la etiqueta es el contenedor del resto de etiquetas que aportan contenido al documento.
En esta versión de HTML, se han quitado todos los atributos sobre la misma.
La sintaxis de la etiqueta es la siguiente:
ETIQUETA <P>
La finalidad de la etiqueta <p>, es la de definir un párrafo, el texto encerrado entre las mismas será considerado por el navegador como un párrafo.
El navegador realiza un ajuste automático de los párrafos al ancho de pantalla determinado por la ventana del programa navegador.
Se ha de tener en cuenta que los navegadores cuando realizan la representación del lenguaje HTML5, no tienen en cuenta más de un espacio en blanco de separación entre palabras, es decir aunque deje con su editor de textos entre una palabra y otra más de un espacio en blanco, solo se visualizara uno descartándose el resto.
Ocurre igual con los saltos de línea que pueda insertar dentro de un párrafo en su editor HTML5, el navegador solo interpretara como saltos de líneas aquellos que sean
representados por su etiqueta equivalente.
La sintaxis de la etiqueta es la siguiente:
