SEO

HTML5 : una breve introducción

HTML5 ha venido para facilitarnos la vida, aunque no así a los navegadores, que a excepción de Chrome, tienen que ponerse las pilas para soportar las características más útiles de esta versión de HTML en sus futuras versiones.

Entre las características principales de este “lenguaje” que nos hacen más fácil la labor de codificación están:

  • Simplificación de la declaración del DOCTYPE. Ahora no hace falta decir más nada que <!DOCTYPE html>
  • También se simplifica la declaración de la etiqueta META charset pasando de<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”> a <meta charset=”utf-8”>
  • Las librerías de JavaScript y CSS se incluyen sin necesidad de especificar el type: <script src=”fichero.js”> </script> y <link rel=”stylesheet” href=”CSS.css”>
  • Se eliminan algunos elementos y atributos de etiquetas (aunque se garantiza backward compatibility) sobre todo los relacionados con propiedades de estilo, ya que se quiere una verdadera separación entre el contenido (HTML) y apariencia (CSS). En esta página se pueden consultar los elementos y atributos eliminados.
  • Incorporación de elementos semánticos, que permiten construir una web con todas sus partes típicas a través de etiquetas específicamente diseñadas para ello. Así tenemos header, footer, section, articles, etc. En la página de la se pueden consultar todas las etiquetas disponibles para estos efectos. Cabe destacar que en los navegadores donde no se reconocen estos elementos, éstos se comportan como <div>.

html5 maquetado nuevas etiquetas

  • Evolucionan los formularios para ofrecer validación a través del navegador, tanto de tipo de campo como de campo obligatorio.
  • Se flexibilizan las reglas de validación con respecto al XHTML, siendo ahora correcta cierta estructuración del código que antes no lo era. En otro post indicaremos estas diferencias en cuanto a validación entre el XHTML y el HTML5.
  • Se facilita la incorporación de material multimedia en las páginas, definiéndose etiquetas nativas para dichos fines como <video> y <track>
  • Como adelantábamos al inicio del post, no todos los navegadores soportan todas las características de HTML5, por lo que antes de usar alguna se recomienda consultar la web caniuse.com, donde se especifica el nivel de soporte que ofrece cada navegador.

comments powered by Disqus