Web.HTML.Sección HEAD.

Esta sección se utiliza para la información sobre la página. No se mostrará en información alguna, pero es muy importante para los navegadores y los buscadores de Internet.

¿Que información se puede guardar en la sección HEAD?

  • <title>
  • <base>
  • <link>
  • <meta>
  • <style>
  • <script>

Etiqueta <title>.

Se utiliza para darle un título a la página. Esta información la muestra en la pestaña del navegador. Un ejemplo:

<!DOCTYPE html>
<html>
<head>
<title>Mi página web</title>
</head>
<body>
Contenido de la página...
</body>
</html>

Etiqueta <base>.

Se utiliza para usar de base para los recursos externo de la página, es decir, la url o lugar donde se almacenará imágenes y demás recursos de la web. Un ejemplo:

#Se crea la base donde se almacenan las imágenes de nuestra página.
<head>
<title>Mi página web</title>
<base href="http://www.miservidor.com/imagenes/">
</head>
...
<body>
<img src="imagen.jpg">
</body>
#Ahora cuando se tenga que usar una imagen la buscará en "http://www.miservidor.com/imagenes/imagen.jpg".

Etiqueta <link>.

Se utiliza para indicar la dirección de fuentes de archivos CSS. Se verá con más detenimiento más adelante.

Etiqueta <meta>.

Se utiliza para guardar todo tipo de información de la página web, así como el autor, palabras claves para los buscadores, juego de caracteres…etc.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Programación HTML">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="El Isma">
</head>
<body>
<p>Cuanta más información se meta más fácil será encontrar nuestra página mediante los buscadores</p>
</body>
</html>
  • charset. Juego de caracteres.
  • description. Descripción de la página.
  • keywords. Palabras claves que usarán los buscadores para encontrar las páginas web.
  • author. Información del programador de la página web.

Continúa por Tablas.