English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La etiqueta <head> es el contenedor de todos los elementos de encabezado. Los elementos dentro de <head> pueden contener scripts, indicar dónde puede encontrar el navegador las hojas de estilo, proporcionar metadatos, etc.
<title> - Define el título del documento HTML
Se utiliza la etiqueta <title> para definir el título del documento HTML
<base> - Define la URL de todos los enlaces
Se utiliza <base> para definir la dirección de destino predeterminada de todos los enlaces en la página.
<meta> -
Proporciona las etiquetas meta del documento HTML
Se utiliza la etiqueta <meta> para describir la descripción, palabras clave, autor, conjunto de caracteres, etc. del documento HTML.
La etiqueta <head> contiene todos los elementos de etiquetas de encabezado. En La etiqueta <head> le permite insertar scripts (scripts), archivos de estilo (CSS), y varios metadatos.
Las etiquetas de elementos que se pueden agregar en la sección de encabezado son: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
La etiqueta <title> define los títulos de diferentes documentos.
<title> en HTML/Es obligatorio en los documentos XHTML.
La etiqueta <title>:
Define el título que se muestra en la barra de herramientas del navegador
El título que se muestra en los favoritos cuando se agrega una página web a la carpeta de favoritos
El título que se muestra en la página de resultados de los motores de búsqueda
Un documento HTML simple:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>El título del documento HTML</title> </head> <body> El contenido del documento HTML... </body> </html>Ver la prueba ‹/›
La etiqueta <base> describe la dirección de enlace básica/Objetivo de enlace, esta etiqueta actúa como el enlace predeterminado para todas las etiquetas de enlace en el documento HTML.
<head> <base href="https://es.oldtoolbag.com/images/" target="_blank"> </head>
La etiqueta <link> define la relación entre el documento y los recursos externos.
La etiqueta <link> se utiliza generalmente para enlazar a las hojas de estilo:
<head> <link rel="stylesheet" type="/css" href="style.css"> </head>
La etiqueta <style> define el enlace de la dirección del archivo de estilo del documento HTML.
También puedes agregar estilos directamente en el elemento <style> para renderizar el documento HTML:
<head>
<style type="text/css">
/*Define el color de fondo de la página web*/
body {background-color:red}
p {color:green}
</style>
</head>La etiqueta meta describe algunos metadatos básicos.
La etiqueta <meta> proporciona metadatos. Los metadatos no se muestran en la página, pero se interpretan por el navegador.
Los elementos META se utilizan generalmente para especificar la descripción de la página web, la fecha de última modificación del archivo, el autor y otros metadatos.
Los metadatos se pueden usar en navegadores (cómo mostrar el contenido o recargar la página), motores de búsqueda (palabras clave) u otros servicios web.
<meta> se coloca generalmente en la región <head>.
Define las palabras clave para los motores de búsqueda (keywords):
<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">
Define el contenido de la descripción de la página web (description):
<meta name="description" content="Tutoriales básicos en línea gratuitos">
Define la adaptabilidad a móviles y PC de la página web (viewport):
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Define el autor de la página web (author):
<meta name="author" content="w3codebox">
Cada10segundos refresca la página actual (Refresh):
<meta http-equiv="refresh" content="10">
La etiqueta <script> se utiliza para cargar archivos de script, como: JavaScript.
<script> Elemento en los capítulos posteriores se describirá en detalle.
| 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 la etiqueta de enlace de la página |
| <link> | Definición de la relación entre un documento y recursos externos |
| <meta> | Define los metadatos del documento HTML |
| <script> | Archivo de script que define el archivo de script del cliente |
| <style> | Archivo de estilo que define el estilo del documento HTML |