Las principales diferencias entre HTML5 y HTML4

1. HTML5 contina en progreso

Si bien esta claro el hecho de tener una web maquetada en HTML4 nos
permite contar con un estndar de soluciones ya que HTML4 tiene a
diferencia de HTML5 que esta an en proceso experimental y de
desarrollo, es muy probable que muchas cosas sigan cambiando con el
tiempo, y generando algunas dificultades, situacin a la que ya no esta
sujeto ningn producto web hecho en HTML4
2. Sintaxis simplificada
La declaracin de tipo de documento de forma ms sencilla es slo una de
las muchas novedades de HTML5. Ahora solo tienes que escribir
solamente: <DOCTYPE HTML!>. La sintaxis de HTML5 es compatible
conHTML4 y XHTML1, pero no con SGML.
3. Elemento <canvas> poniendo en su lugar a Flash
Flash ha sido un dolor de cabeza para unos y una maravilla para otros
muchos usuarios de la Web, por lo que hay una importante cantidad de
desarrolladores nada contentos con la forma en la que HTML5 trata a
Flash; pero es cierto que para todos los dems usuarios que estamos
cansados de los vdeos en flash que tardan aos en cargarse y funcionar,
el nuevo elemento <canvas> y su utilidad para la representacin de
grficos es un sueo hecho realidad.
Aunque es cierto que hasta hoy el elemento <canvas> no ofrece todas las
ventajas de Flash hay mucho que hace suponer que se acerca el da en
que esta herramienta quede obsoleta ante el potencial de HTML5 y su
magnifica integracin.
4. Nuevos elementos <header> y <footer>
HTML5 esta desarrollado con la intencin de reflejar mejor la nueva
anatoma de los sitios web. Es por eso que hay algunos elementos nuevos,
como <header> y <footer>, que estn diseados especficamente para
marcar estas partes de la web.
Con este desarrollo en el lenguaje ya no es necesario identificar a estos
dos elementos con la etiqueta <div>.
5. Nuevos elementos <section> y <article>

Al igual que los elementos <header> y <footer>, el <section> y

<article> en HTML5 permitir a los desarrolladores marcar estas reas de
la pgina como tal.
Adems de hacer el cdigo ms estructurado, este tambin tendr un
efecto positivo en tus esfuerzos de SEO ya que para los motores de
bsqueda ser ms fcil el ranking de tu pgina.
6. Nuevos elementos <menu> y <figure>
El elemento nuevo <menu> puede ser utilizado no solo para los mens
convencionales, sino tambin para las barras de herramientas y mens
contextuales, aunque en realidad estos no son los elementos ms
utilizados en una pgina.
Del mismo modo, el elemento <figure> es una forma adicional til para
organizar el texto y las imgenes en tu pgina de una manera profesional.
Es cierto que se pueden definir los mens y las cifras en una hoja de estilo
pero es bueno que se pueda utilizar en la construccin de elementos de
HTML5.
7. Nuevos elementos <audio> y <video>
Son probablemente dos de las novedades ms tiles para HTML5. Como
su nombre indica, se utilizan para insertar archivos de audio y vdeo.
Tambin hay algunos nuevos elementos multimedia y atributos, tales
como <track>, que ofrece pistas de texto para el elemento de vdeo.Con
estas incorporaciones HTML5 est consiguiendo definitivamente que la
Web 2.0 sea ms amigable. El problema es que al tiempo que HTML5 se
convierte en una tecnologa ampliamente aceptada, la Web 2.0 podra ser
noticia vieja.
8. Un nuevo nivel de las formas
<form> y <forminput> vivieron una gran cantidad de revisiones y ahora
tienen muchos atributos nuevos (y los modificados, tambin). Si ests
usando con frecuencia las formas tomate un tiempo para revisar las
novedades con ms detalle.
9. No ms <b> y <font>
Esto es un cambio ms que yo no entiendo todava del todo. No creo que
la eliminacin de la <b> y elementos <font> vaya a ayudar mucho. pero
las directrices oficiales dicen que estos elementos se manejan mejor en
CSS.
10. Han desaparecido <frame>, <center> y <big>
Seguramente no recuerdas cuando fue la ultima vez que utilizaste una de
estas etiquetas lo cual indica que ha sido una buena decisin, todo lo que
sea deshacernos de nomenclatura intil es bienvenido.

Estas 10 diferencias entre HTML5 y HTML4 son slo una pequea fraccin
de lo que es nuevo. Adems de estos grandes cambios, tambin
podramos nombrar unos pocos menores, como el nuevo atributo del
elemento invertido <ol> que permite a una lista que se ordenan en orden
descendente, o modificar el uso del elemento <u>.
Otra cosa que llama la atencin es el campo INPUT, que ahora tendr
muchos ms valores posibles en el atributo type: datetime, date, month,
week, number, url, email, color...