Vamos a analizar la estructura básica de un documento HTML5:
Como verán, es muchisimo más facil esta estructura que la de HTML, y sí, de eso se trata, que HTML 5 sea mucho más cómodo a la hora de usar y de programar.
Ahora vamos a “comparar” algunas líneas de XHTML (el más estricto) con HTML5, comenzando por el Doctype (la etiqueta que debe ser la primera en un documento HTML, la que indica que versión de código es y que sepa como interpretarlo el navegador)
Doctype
XHTML:
HTML5:
Como verán, HTML5 es mucho más simple, una linea nada más. Algo importante a destacar es que HTML5 es completamente insensible a mayusculas/minusculas, es decir, si escribimos “DoCtYPE HTml” no importa, igual funcionará.
El atributo de lenguaje
XHTML:
HTML5:
El atributo charset
XHTML:
HTML5:
Código:
<!DOCTYPE HTML>
<html lang="es-ES">
<head>
<title>El título aquí</title>
<meta charset="UTF-8">
</head>
<body>
CONTENIDO AQUI
</body>
</html>
Como verán, es muchisimo más facil esta estructura que la de HTML, y sí, de eso se trata, que HTML 5 sea mucho más cómodo a la hora de usar y de programar.
Ahora vamos a “comparar” algunas líneas de XHTML (el más estricto) con HTML5, comenzando por el Doctype (la etiqueta que debe ser la primera en un documento HTML, la que indica que versión de código es y que sepa como interpretarlo el navegador)
Doctype
XHTML:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5:
Código:
<!DOCTYPE html>
Como verán, HTML5 es mucho más simple, una linea nada más. Algo importante a destacar es que HTML5 es completamente insensible a mayusculas/minusculas, es decir, si escribimos “DoCtYPE HTml” no importa, igual funcionará.
El atributo de lenguaje
XHTML:
Código:
<html xmlns=”http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
HTML5:
Código:
<html lang="es-ES">
El atributo charset
XHTML:
Código:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
HTML5:
Código:
<meta charset="utf-8">