El HTML <head> Element
La <head> elemento es un contenedor de metadatos (datos sobre los datos).
metadatos son datos acerca de HTML del documento HTML. no se visualiza metadatos.
Metadatos suelen definir el título del documento, estilos, enlaces, guiones y otros meta-información.
Los siguientes Etiquetas metadatos: <title>, <style>, <meta>, <link>, <script>, and <base> .
Omitiendo <html> y <body> ?
En el estándar HTML 5, la <html> etiqueta, el <body> etiqueta, y el <head> etiqueta pueden omitirse.
El siguiente código validará como HTML5:
Ejemplo
<!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
Inténtalo tú mismo " w3ii no recomienda omitiendo los <html> y <body> etiquetas.
La <html> elemento es la raíz del documento. Es el lugar recomendado para especificar el idioma de la página:
<!DOCTYPE html>
<html lang="en-US">
La declaración de una lengua es importante para las aplicaciones de accesibilidad (lectores de pantalla) y motores de búsqueda.
Omitiendo <html> y <body> puede bloquearse mal escrito- DOM/XML software.
Por último, omitiendo <body> puede producir errores en los navegadores antiguos (IE9) .
Omitiendo <head>
En el estándar HTML 5, el <head> etiqueta también se puede omitir.
Por defecto, los navegadores se sumarán todos los elementos antes de <body> , a un defecto <head> elemento.
Puede reducir la complejidad de HTML, omitiendo el <head> etiqueta:
Ejemplo
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Inténtalo tú mismo " La omisión de etiquetas no es familiar para los desarrolladores web. Se necesita tiempo para ser establecidos como guía.
El HTML <title> Element
La <title> elemento define el título del documento.
La <title> se requiere elemento en todos los documentos HTML / XHTML.
La <title> elemento:
- define un título en la pestaña del navegador
- proporciona el título de la página cuando se añade a los favoritos
- muestra el título de la página en los motores de búsqueda
Un documento HTML simplificada:
Ejemplo
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
The content of the document......
</body>
</html>
Inténtalo tú mismo " El HTML <style> Element
La <style> elemento se utiliza para definir la información de estilo para un documento HTML.
Dentro de la <style> elemento que especifica cómo los elementos HTML deben representar en un explorador:
El HTML <link> elemento
La <link> elemento define la relación página a un recurso externo.
La <link> elemento más a menudo se utiliza para vincular a las hojas de estilo:
El HTML <meta> Element
La <meta> elemento se utiliza para especificar descripción de páginas, palabras clave, autor, y otros metadatos.
Los metadatos se utilizan por los navegadores (how to display content) , por los motores de búsqueda (keywords) , y otros servicios web.
Definir palabras clave para motores de búsqueda:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Definir una descripción de su página web:
<meta name="description" content="Free Web tutorials on HTML and CSS">
Definir el conjunto de caracteres utilizado:
<meta charset="UTF-8">
Definir el autor de una página:
<meta name="author" content="Hege Refsnes">
Actualizar el documento cada 30 segundos:
<meta http-equiv="refresh" content="30">
Ejemplo de <meta> tags:
Ejemplo
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
Inténtalo tú mismo " El HTML <script> Element
La <script> elemento se utiliza para definir JavaScript del lado del cliente.
La secuencia de comandos a continuación escribe Hola JavaScript! en un elemento HTML con id="demo" :
Ejemplo
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
Inténtalo tú mismo " Para aprender todo acerca de JavaScript, visite nuestro Tutorial de JavaScript !
El HTML <base> Element
La <base> elemento especifica la URL base y meta de base para todas las URLs relativas en una página:
Los elementos del cabezal HTML
Etiqueta | Descripción |
---|---|
<head> | Define información sobre el documento |
<title> | Define el título de un documento |
<base> | Define una dirección predeterminada o un destino predeterminado para todos los enlaces en una página |
<link> | Define la relación entre un documento y un recurso externo |
<meta> | Define los metadatos de un documento HTML |
<script> | Define un script del lado del cliente |
<style> | Define la información de estilo para un documento |