Ejemplo
Un documento HTML, con un <title> etiqueta dentro de la sección de la cabeza:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <head> elemento es un contenedor para todos los elementos de cabeza.
La <head> elemento puede incluir un título para el documento, scripts, estilos, meta-información, y mucho más.
Los siguientes elementos pueden ir dentro de la <head> elemento:
- <title> (this element is required in an HTML document)
- <style>
- <base>
- <link>
- <meta>
- <script>
- <noscript>
Soporte para el navegador
Elemento | |||||
---|---|---|---|---|---|
<head> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
En HTML 4.01 el <head> se requiere elemento.
En HTML5, el <head> elemento puede ser omitida. El siguiente código validará como HTML5:
Ejemplo
<!DOCTYPE html>
<html>
<title>Title of the document</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Inténtalo tú mismo " atributos
Atributo | Valor | Descripción |
---|---|---|
profile | URL | No se admite en HTML5. Especifica una dirección URL a un documento que contiene un conjunto de reglas. Las reglas pueden ser leídos por los navegadores para entender claramente la información en el <meta> atributo contenido de la etiqueta de |
Los atributos globales
La <head> etiqueta también es compatible con el de los atributos globales en HTML .
Inténtelo usted mismo - Ejemplos
El uso de la <base> etiqueta en el <head>
Como utilizar el <base> etiqueta para especificar una dirección URL por defecto y un objetivo predeterminado para todos los enlaces en una página.
El uso de la <style> etiqueta en el <head>
Cómo agregar información de estilo a la <head> sección.
El uso de la <link> etiqueta en el <head>
Como utilizar el <link> etiqueta para vincular a una hoja de estilos externa.
Páginas relacionadas
Tutorial de HTML: HTML Cabeza
Referencia HTML DOM: Objeto Cabeza
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <head> elemento con los siguientes valores predeterminados:
head {
display: none;
}