HTML: 2009

<!DOCTYPE html/> Declaración del tipo de documento
<html lang="es"/> lang(idioma) / es(español)
<head>
  <meta charset="utf-8"/> Carácteres de idioma
<meta name="author" content="Nombre del autor"/>
<meta name="description" content="Descripción corta de la web" />
<meta name="keywords" content="Palabras clave, separadas con comas" />
<meta name="copyright" content="Nombre del propietario de la web" />
  <meta name="robots" content="noindex, nofollow" /> Rastreamiento
  <meta http-equiv="refresh" content="Número de Segundos" />
<title>Título de cabecera</title>
</head>
<body>
</body>
</html>

<!DOCTYPE/>

Declaración del tipo de documento.
Debe ser lo primero en el documento html, antes de la etiqueta <html>.
*No es una etiqueta html; es una instrucción para el navegador web sobre en qué versión de html está escrita la página.
- Para HTML5: <!DOCTYPE html>
- Para HTML 4.01 Strict:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- Para HTML 4.01 Transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

lang

Es un atributo global que especifica el lenguaje del elemento que lo contiene.
*No se puede identificar más de un idioma a la vez, pero puedes poner un idioma global en la etiqueta <html> y después añadir este atributo a los elementos que estén en otro idioma.

<meta/>
Proporciona metadatos (información) sobre el documento html.

No son visibles en la página, pero describen la web para poder ser entendida por navegadores, motores de búsqueda, etc.

Siempre pertenecen al contenido de la etiqueta <head>
Tienen un atributo y un valor dado por el atributo "content"

<meta charset="UTF-8"/>
Atributo: charset. Especifica los carácteres de idioma.
Valor: UTF-8. Formato de codificación de carácteres unicode (entiende todos los idiomas).
<meta name/> (Atributo: name)

<meta name="Valor" content="..."/>
Atributo: name. Especifica un nombre de un metadato.

Valores:

author: Nombre del autor.

description: Descripción corta de la web (máximo 160 carácteres incluyendo espacios).
*A veces la descripción en google se coge de aquí.

keywords: Palabras clave que describan la web (máximo 256 carácteres incluyendo espacios).

viewport: Se usa si usas una plantilla responsive (adaptada a dispositivos).

*En el contenido se especifica el ancho base y la escala.

application-name: Describir el nombre de una aplicación web.

generator: Software con el que se ha elaborado la web.

robots: Autorización de indexación y rastreo de la web por parte de los buscadores.
Valores:

index: Se indexa. (predeterminado).

noindex: Impide que se indexe.

follow: Se rastrean links. (predeterminado).

nofollow: Impide que se rastreen links.

<html> Tipo de lenguaje que usas
<head> (Cabecera) Información general
</head>
<body> (Cuerpo) Contenido
</body>
</html>


<html></html>
Le dice al navegador que este es un documento html.

Representa la raíz de un documento html.

Es el contenedor para todos los demás elementos html (a excepción de la etiqueta <!DOCTYPE>).

<head></head>
Es un contenedor para todos los elementos principales.

Puede incluir un título para el documento, scripts, estilos, metainformación, etc.

<body/></body>
Es el contenedor donde se describe el contenido de la pagina: estructura, forma, colores, texto, etc.


La etiqueta de comentarios se usa para insertar comentarios en el código fuente.

No se muestran en los navegadores.

Pueden ayudar a entender mejor el código sobretodo si es muy largo.

Html Head básico

Html Básico

Html Etiquetas (Tags) y Atributos