Elementos de una plantilla web, la cabecera
Muchas veces hacemos sitios web completos sin siquiera pararnos a pensar en los elementos que conforman su código.
Voy a empezar a redactar una serie de entradas donde explicaré los elementos más notables de una plantilla HTML.
Comenzaré explicando lo que se llama «cabecera» o «header» de un sitio web; en resumidas cuentas, los elementos básicos y fundamentales que se encuentran entre las etiquetas
<head> </head> |
- DOCTYPE: es un elemento imprescincible, ya que dice el tipo de código HTML / XHTML que se va a encontrar en el sitio. Sirve para que el navegador muestre el sitio de forma correcta.
- TITLE: de forma rápida podemos decir que contiene el título del sitio.
- META: Hay varios tipos, sirven para indicar al visitante (navegador, dispositivos y demás) diferentes características sobre el sitio web; desde descripciones hasta idioma, codificación…
- META Content-Type: Indica la codificación del texto. Las más utilizadas son UTF-8 e ISO-8859-1. Lo más recomendado es UTF-8 ya que es internacional y cada vez se utiliza más.
- META Description: Es una pequeña descripción de lo que contiene la página (la página mostrada en concreto, no el sitio). Debería ser, como el TITLE, único en cada página para una mejor estructuración del sitio.
- META keywords: Son palabras, separadas por comas, que tienen relación con el contenido de la página, digamos que son las palabras clave de la descripción.