Los últimos tutoriales de desarrollo web

HTML Head


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:

Ejemplo

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
Inténtalo tú mismo "

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:

Ejemplo

<link rel="stylesheet" href="mystyle.css">
Inténtalo tú mismo "

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:

Ejemplo

<base href="http://www.w3ii.com/images/" target="_blank">
Inténtalo tú mismo "

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