Estructura básica HTML5
- 03/04/2011
- 1:20 pm
Estructura básica
Vamos a analizar la estructura básica de un documento HTML5:
<!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:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
HTML5:
<!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:
<html xmlns=”http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"> |
HTML5:
<html lang="es-ES"> |
El atributo charset
XHTML:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
HTML5:
<meta charset="utf-8"> |
Hilo donde están todos los artículos para aprender HTML5
Posts Relacionados
[…] 1: Que se viene de nuevo en HTML5 Parte 2: Estructura básica HTML5 Parte 3: Estructura completa HTML5 Parte 4: Nuevos inputs en HTML5 Parte 5: Etiqueta de Audio y […]