HTML <head>

Examples

Ver ejemplos en línea


Usa la etiqueta <title> para definir el título del documento HTML


Usa <base> para definir la dirección de destino predeterminada de todos los enlaces de la página.

<meta> - proporciona las metaetiquetas del documento HTML
Usa el elemento <meta> para especificar la descripción, palabras clave, autor, conjunto de caracteres, etc. del documento HTML.

Elemento HTML <head>

El elemento <head> contiene todos los elementos de etiqueta de cabecera. Dentro del elemento <head> puedes insertar scripts, hojas de estilo (CSS) y varios tipos de información meta.

Las etiquetas de elemento que se pueden añadir en el área de cabecera son: <title>, <style>, <meta>, <link>, <script>, <noscript> y <base>.

Elemento HTML <title>

La etiqueta <title> define el título del documento.

<title> es obligatorio en los documentos HTML/XHTML.

Elemento <title>:

  • Define el título de la barra del navegador.
  • Cuando la página web se añade a favoritos, muestra el título en los favoritos.
  • Muestra el título en las páginas de resultados de los motores de búsqueda.

Un documento HTML simple:

Ejemplo

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Título del documento</title> </head> <body>Contenido del documento......</body> </html>

Elemento HTML <base>

La etiqueta <base> describe la dirección de enlace base / destino de enlace; actúa como el enlace predeterminado para todas las etiquetas de enlace del documento HTML:

Ejemplo

<head> <base href="http://www.example.com/images/" target="_blank"> </head>

Elemento HTML <link>

La etiqueta <link> define la relación entre el documento y un recurso externo.

La etiqueta <link> se usa normalmente para enlazar a una hoja de estilo:

Ejemplo

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

Elemento HTML <style>

La etiqueta <style> define la dirección de referencia del archivo de estilos del documento HTML.

Dentro del elemento <style> también puedes añadir estilos directamente para renderizar el documento HTML:

Ejemplo

<head> <style type="text/css"> body { background-color:yellow; } p { color:blue } </style> </head>

Elemento HTML <meta>

La etiqueta meta describe algunos metadatos básicos.

La etiqueta <meta> proporciona metadatos. Los metadatos no se muestran en la página, pero son analizados por el navegador.

El elemento META se usa normalmente para especificar la descripción de la página web, las palabras clave, la fecha de última modificación del archivo, el autor y otros metadatos.

Los metadatos pueden ser utilizados por el navegador (cómo mostrar el contenido o recargar la página), el motor de búsqueda (palabras clave) u otros servicios web.

<meta> se coloca generalmente en el área <head>.

Etiqueta <meta> - Ejemplos de uso

Define palabras clave para motores de búsqueda:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Define la descripción de la página web:

<meta name="description" content="免费 Web & 编程 教程">

Define el autor de la página web:

<meta name="author" content="Ejemplo">

Refresca la página actual cada 30 segundos:

<meta http-equiv="refresh" content="30">

Elemento HTML <script>

La etiqueta <script> se usa para cargar archivos de script, como JavaScript.

El elemento <script> se describirá en detalle en capítulos posteriores.

Elemento head de HTML

Etiqueta Descripción
<head> Define la información del documento
<title> Define el título del documento
<base> Define la dirección de enlace predeterminada de las etiquetas de enlace de la página
<link> Define la relación entre un documento y un recurso externo
<meta> Define los metadatos en un documento HTML
<script> Define el archivo de script del cliente
<style> Define el archivo de estilos del documento HTML
Otras extensiones