Imprimir

Manual de HTML: Cabecera

Etiquetas de cabecera

  • <title></title>

    Define el título del documento. Es una de las etiquetas más importantes de una página web, ya que:
    - define el título en la ventana del navegador.
    - establece el título de la página cuando se añade a Favoritos.
    - es el título que se muestra en los resultados en los buscadores.
    - lo usan los buscadores para indexar la página.

    Ejemplo:

    <title>Curso Basico de HTML</title>
  • <base />

    Con esta etiqueta se pueden especificar dos cosas:
    - la URL base por defecto para resolver URLs relativas.
    - la ventana o frame por defecto en la que se abrirán los enlaces.

    Atributos:

    • href: URL del directorio que se toma como raíz (base) para las URLs relativas de los enlaces.
    • target: ventana o frame en la que se abrirán por defecto los enlaces. Valores:
      • _blank: los enlaces se abren en una ventana nueva.
      • _self: los enlaces se abren en el mismo frame en que está el enlace. Valor por defecto.
      • _top: abre el enlace en la ventana del elemento referente, rompiendo la estructura de frames. Si no hay estructura de frames funciona igual que _self.
      • _parent: abre el enlace en el frame padre del frame actual. Si no hay frame padre funciona igual que _self.
      • nombre_ventana: nombre del frame donde se abrirá el enlace.

    Ejemplo:

    <base href="http://www.htmlweb.net/manuales/" target="_blank" />
  • <link />

    Define relaciones entre el documento actual y recursos externos.

    Atributos:

    • href: establece la URL del recurso externo.
    • rel: define el tipo de relación existente entre el documento actual y el referenciado en el atributo href. Puede tener diversos valores pero los más usados son:
      • stylesheet: establece la relación con un fichero externo CSS de estilos, de tal forma que los estilos en él declarados se consideran como si lo estuvieran en el documento actual.
      • shortcut icon: define el favicon, el icono de la página en los navegadores y en Favoritos (se usa conjuntamente con icon).
      • icon: define el favicon (se usa junto con shortcut icon).
    • type: define el tipo de fichero relacionado con el actual, siendo los valores más usados:
      • text/css: para el caso de ficheros CSS de estilos.
      • text/javascript: para el caso de ficheros de código JavaScript.
      • image/x-icon: para el caso de imágenes para iconos.
    • media: permite definir distintos estilos CSS para los diferentes medios en que se puede presentar la página. Admite diversos valores siendo los más usados:
      • screen: para presentaciones en pantalla. Valor por defecto.
      • print: para salida por impresora.
      • all: todos los dispositivos.

    Ejemplo: el fichero de estilos externo CSS para la página será css/estilos.css:

    <link rel="stylesheet" type="text/css" href="css/estilos.css" />

    Ejemplo: el favicon de la página será images/icono.gif:

    <link rel="shortcut icon" type="image/x-icon" href="images/icono.gif" />
    <link rel="icon" type="image/x-icon" href="images/icono.gif" />
  • <meta />

    Proporciona metadatos, información complementaria sobre el documento, como descripción, keywords (palabras clave), autor, fecha de modificación, etc. Es una de las etiquetas más valiosas de una página web, ya que estos metadatos serán usados por los navegadores al mostrar la página, los buscadores al indexarla así como por otros servicios web.

    Atributos:

    • content: especifica el contenido de la información.
    • http-equiv: proporciona cabeceras HTTP a la información del atributo content y se utiliza para enviar a los navegadores y buscadores información sobre el juego de caracteres (charset), tipo MIME, idioma, etc.
    • name: asigna un nombre a la información del atributo content.

    Ejemplo: informando del juego de caracteres:

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    Ejemplo: informando del idioma de la página:

    <meta http-equiv="content-language" content="es" />

    Ejemplo: autor de la página, descripción del contenido y keywords.

    <meta name ="author" content="Bob Smith" />
    <meta name ="description" content="Home de Mundo Motor" />
    <meta name ="keywords" content="Mundo Motor, coches, motos, quads" />

Recursos

1 comentario en “Manual de HTML: Cabecera”

Deja un comentario