Web.HTML.Sección HEAD.

Published in

Enredando con la WEB.

1 min readJul 27, 2016

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.