Contiene, entre otras cosas, información clave del documento para que la página sea encontrada por los motores de búsqueda de internet. De la información que se coloque en esta sección dependerá que nuestra página sea encontrada e incluída entre los resultados de los buscadores:
Ejemplo: Si estoy elaborando un sitio web de la cátedra de Sistemas de Representación. Las características claves de este sitio pueden ser:
Título: Sistemas de Representación
Descripción: Sitio dedicado al estudio de los sistemas de representación gráfica.
Palabras clave: geometría, proyección, ortogonal, diedro, punto, recta, plano, poliedro, rebatimiento. No deben colocarse excesivas palabras ya que la mayoría de los buscadores consideran solamente las 20 primeras.
Autor: Alberto M. Pérez G.
Esta información se coloca mediante las siguientes etiquetas:
<title></title>
Define el título de documento. Este título no se mostrará en el cuerpo del documento.
El documento debe tener una sola etiqueta <title></title>.
<title>Sistemas de Representación</title>
El contenido de la etiqueta <title>:
Será mostrado en la pestaña del navegador.
Será mostrado en el listado de favoritos del navegador después de haber anexado la página en esa clasificación.
Será mostrado entre los resultados de un motor de búsqueda una vez que la página sea encontrada.
<meta>
Tiene la sintáxis:
<meta name='atributo' content='contenido del atributo'>
Puede haber varias etiquetas <meta> en un documento web. Crearemos 3, para incluir los aspectos:
descripción
palabras clave
autor
description
<meta name='description' content='Sitio dedicado al estudio de los sistemas de representación gráfica'>
Sintaxis: Las comillas en los atributos de las etiquetas y/o en la descripción del contenido del atributo, solo son de uso obligatorio si entre ellas quedarían encerrados espacios en blanco o alguno de los caracteres: " ' ` = < >. Cuando este sea el caso pueden utilizarse comillas sencillas (' ') o dobles (" "), en caso contrario pueden omitirse.
Entonces la sentencia puede también escribirse:
<meta name=description content="Sitio dedicado al estudio de los sistemas de representación gráfica">
<meta name='author' content='Alberto M. Pérez G.'>
Una mas muy importante
<meta charset=ISO-8859-1>
Esta etiqueta capacita al navegador para interpretar correctamente los caracteres y signos de lenguajes latinos como el español, portugués, alemán, francés y otros.
Si no incluímos esta etiqueta, corremos el riesgo de que en ciertas circunstancias estos caracteres sean mostrados como signos extraños. Por ejemplo el párrafo:
niño, ácido, acné, ¿porqué?, ¡caramba!, cigüeña.
podría ser mostrado:
Estructura definitiva de la página de Sistemas de Representación
El documento index.html creado con el block de notas tendrá entonces la siguiente redacción:
<!DOCTYPE html>
<html lang=es>
<head>
<title>Sistemas de Representación</title>
<meta name='description' content='Sitio dedicado al estudio de los sistemas de representación gráfica'>
<meta name='keywords' content='geometría, proyección, ortogonal, diedro, punto, recta, plano, poliedro, rebatimiento'>
<meta name='author' content='Alberto M. Pérez G.'>
<meta charset='ISO-8859-1'>
</head>
<body>
<p>El estudio de los sistemas de represntación...
</body>
</html>
La página será mostrada por el navegador de la siguiente manera:
Puede obsevarse que el título de la página Sistemas de Representación es mostrado en la pestaña del navegador, en vez del nombre del archivo index.html como sudedería por defecto si so se encuentra la etiqueta <title>.
Todas las páginas web deben tener como mínimo la estructura básica expuesta.
