Calificación:
  • 1 voto(s) - 3 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Estructura básica HTML5
#1
Vamos a analizar la estructura básica de un documento 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">
#2
sos un groso me podrias mandar tus clases en privado Gran sonrisa
Mi Web http://www.DjNet.com.ar
-Foro
-Chat
-Blog
De todo podras ver en http://www.djnet.com.ar
#3
vaya, tremedo aporte, amigo. ahora sera tremendamente mas fácil escribir pagnas web con solo codigo Guiño
WWW
#4
tienes algun manual html5 por alli? yo tengo un manual html llega hasta el 3 y tiene 500 pag ^^
#5
si sabes html pasar a html5 no debe ser complicado teniendo en cuenta lo que ya comentarion los compañeros Guiño
WWW
#6
Vamos ya, eso es lo esencial, falta los nuevas etiquetas que se agregaron con html5, eso si es nuevo.
#7
creo que habia un post en skylium sobre eso Guiño
WWW
#8
buen aporte interesante para novatos
#9
Gracias por tu aporte les servirá a muchos^^ gran aporte che


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Aporte] Libro html5 De distribucion libre gassip 5 320 04-01-2016, 01:27 PM
Último mensaje: Taquion
  [Tutorial] jQuery HTML5 Form Plugin - jQuery Form Plugin luis.ml 0 197 16-08-2015, 02:02 AM
Último mensaje: luis.ml
  Formulario de inicio de session con html5 luis.ml 0 1,022 16-08-2015, 12:52 AM
Último mensaje: luis.ml
  Como hacer un menu horizontal con html5 y css3 torgar22 4 620 16-12-2014, 02:07 PM
Último mensaje: Demozz
  HTML5: Cómo crear una barra de progreso nativa con estilo imgur 0 321 19-11-2014, 11:17 PM
Último mensaje: imgur
  Cómo hacer un formulario con validación en HTML5 imgur 0 321 19-11-2014, 10:24 PM
Último mensaje: imgur
  Curso C++: 2.- Estructura básica y hola mundo Samo30 3 341 15-05-2014, 03:19 PM
Último mensaje: darklion93
  Menu HTML5 - CSS3 gamesd 8 848 27-10-2013, 02:20 PM
Último mensaje: ilopezbdn
  CURSO HTML5 ONLINE billyjac 6 950 19-10-2013, 03:12 AM
Último mensaje: tyler
  5 Nuevas Plantillas HTML5 y CSS3 lukas 13 2,505 12-09-2013, 06:40 PM
Último mensaje: lyo21



Usuarios navegando en este tema: 1 invitado(s)