Marcofbb Noticias y Artículos Webmasters



Publicidad marcored

Estructura básica HTML5

  • 03/04/2011
  • 1:20 pm
  • marcofbb

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

Share

¿Necesitas ayuda? o ¿Asesoramiento webmaster? Registrate en nuestro foro de consultas

Posts Relacionados

Total de Comentarios: 4

Avatar
manuel luna
04/04/2011
3:09 pm

orale si que esta muy resumido toda la escritura del codigo.

Avatar
04/04/2011
6:21 pm

[...] 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 [...]

Avatar
28/04/2011
10:33 am

Buena info, saludos!

Avatar
12/04/2012
9:40 pm

[...] 3 comentarios [...]


Enviar Comentario

(*)

(*)