Doctype

En versiones anteriores a HTML5 la estructura del Doctype era compleja y difería según el tipo de documentos sobre el cuál quicieramos trabajar.

Doctype para HTML 4.1

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

Doctype para XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Ambas declaraciones logran el mismo objetivo a grades rasgos: decirle al navegador que el documento está escrito en HTML4.1, XHTML1.0 u otro

En HTML5 en tanto, la declaración del Doctype es:

<!DOCTYPE html>

Así de simple

Codificación de caracteres

Para asegurarse que el servidor envíe el correcto set de caracteres del sitio, podemos utilizar la etiqueta meta. En versiones anteriores a HTML5, esta tarea se lograba así:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

En HTML5 la simplificación resulta en:

<meta charset="UTF-8">">

Estructura básica

De esta manera la estructura básica de un documento HTML5 lucirá así:

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Título de mi página</title> <link rel="stylesheet" href="style.css" /> </head>   <body>   </body> </html>