Las principales diferencias entre HTML5 y HTML4

1. HTML5 continúa en progreso

Si bien esta claro el hecho de tener una web maquetada en HTML4 nos permite contar con un estándar de soluciones ya que HTML4 tiene a diferencia de HTML5 que esta aún en proceso experimental y de desarrollo, es muy probable que muchas cosas sigan cambiando con el tiempo, y generando algunas dificultades, situación a la que ya no esta sujeto ningún producto web hecho en HTML4

2. Sintaxis simplificada

La declaración de tipo de documento de forma más sencilla es sólo 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 demás usuarios que estamos cansados de los vídeos en flash que tardan años en cargarse y funcionar, el nuevo elemento <canvas> y su utilidad para la representación de gráficos es un sueño 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 día en que esta herramienta quede obsoleta ante el potencial de HTML5 y su magnifica integración.

4. Nuevos elementos <header> y <footer>

HTML5 esta desarrollado con la intención de reflejar mejor la nueva anatomía de los sitios web. Es por eso que hay algunos elementos nuevos, como <header> y <footer>, que están diseñados específicamente 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 página como tal.

Además de hacer el código más estructurado, este también tendrá un efecto positivo en tus esfuerzos de SEO ya que para los motores de búsqueda será más fácil el ranking de tu página.

6. Nuevos elementos <menu> y <figure>

El elemento nuevo <menu> puede ser utilizado no solo para los menús convencionales, sino también para las barras de herramientas y menús contextuales, aunque en realidad estos no son los elementos más utilizados en una página.Del mismo modo, el elemento <figure> es una forma adicional útil para organizar el texto y las imágenes en tu página de una manera profesional. Es cierto que se pueden definir los menús y las cifras en una hoja de estilo pero es bueno que se pueda utilizar en la construcción de elementos de HTML5.

7. Nuevos elementos <audio> y <video>

Son probablemente dos de las novedades más útiles para HTML5. Como su nombre indica, se utilizan para insertar archivos de audio y vídeo.También hay algunos nuevos elementos multimedia y atributos, tales como <track>, que ofrece pistas de texto para el elemento de vídeo.Con estas incorporaciones HTML5 está consiguiendo definitivamente que la Web 2.0 sea más amigable. El problema es que al tiempo que HTML5 se convierte en una tecnología ampliamente aceptada, la Web 2.0 podría 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, también). Si estás usando con frecuencia las formas tomate un tiempo para revisar las novedades con más detalle.9. No más <b> y <font>Esto es un cambio más que yo no entiendo todavía del todo. No creo que la eliminación 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 decisión, todo lo que sea deshacernos de nomenclatura inútil es bienvenido.

Estas 10 diferencias entre HTML5 y HTML4 son sólo una pequeña fracción de lo que es nuevo. Además de estos grandes cambios, también podríamos 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 atención es el campo INPUT, que ahora tendrá muchos más valores posibles en el atributo type: datetime, date, month, week, number, url, email, color...