Nociones básicas sobre HTML5

La quinta versión de HTML es diferente a la anterior al tratarse de un producto im­ple­me­n­ta­do por dos grupos de de­sa­rro­lla­do­res que trabajan de forma paralela. Cuando el consorcio W3C suspendió el proyecto HTML tras la pu­bli­ca­ción de la versión 4.01 y se concentró, en su lugar, en el de­sa­rro­llo de XHTML, surgió un de­s­co­n­te­n­to ge­ne­ra­li­za­do en numerosas or­ga­ni­za­cio­nes acerca del nuevo curso que había adoptado el comité de es­ta­n­da­ri­za­ción. El lento de­sa­rro­llo de los es­tá­n­da­res web a través de W3C se convirtió en la pesadilla de las empresas de software y de los pro­vee­do­res de na­ve­ga­do­res. Como respuesta a la nueva or­ga­ni­za­ción de W3C, se fundó la comunidad de trabajo Web Hypertext Ap­pli­ca­tion Te­ch­no­lo­gy Working Group (WHATWG), que se dedicó al de­sa­rro­llo de los es­tá­n­da­res HTML e impulsó la in­co­r­po­ra­ción de apli­ca­cio­nes. En 2004, y para sorpresa de W3C, WHATWG presentó la primera propuesta para HTML5. Solo dos años después, W3C volvió a en­co­me­n­dar a un grupo de trabajo propio el de­sa­rro­llo de HTML con base en la versión de WHATWG. En 2009, W3C dio a conocer que no pa­r­ti­ci­pa­ría en el de­sa­rro­llo de XHTML. En su lugar, se concentró en la ela­bo­ra­ción de la es­pe­ci­fi­ca­ción de HTML5 en coope­ra­ción con WHATWG.

Mientras que en los comienzos de Internet las páginas web tan solo servían para re­pre­se­n­tar co­n­te­ni­dos, hoy en día la in­ter­ac­ción con la oferta online se sitúa en el centro del debate. Las personas que visitan dichas páginas web ya no son en­te­n­di­das como re­ci­pie­n­tes pasivos, sino que quieren que se las denomine usuarios. Los ad­mi­ni­s­tra­do­res web responden con fo­r­mu­la­rios de contacto in­ter­ac­ti­vos, con funciones de co­me­n­ta­rios o con la in­te­gra­ción de los medios sociales, aunque a ello también se suman los juegos online a los que se puede acceder di­re­c­ta­me­n­te desde el navegador. Sin embargo, en el caso de HTML 4.01 solo se puede acceder a ese tipo de funciones a través de plugins externos.Es en este contexto donde el nuevo estándar web HTML5 muestra su fortaleza. Junto a las clásicas etiquetas HTML entre pa­ré­n­te­sis angulares, la es­tru­c­tu­ra de HTML5 se ca­ra­c­te­ri­za por marcas es­pe­cí­fi­cas (véase abajo), elementos mu­l­ti­me­dia y también in­te­r­fa­ces de pro­gra­ma­ción de apli­ca­cio­nes (Ap­pli­ca­tion Pro­gra­m­mi­ng In­te­r­fa­ces, API), que están di­s­po­ni­bles junto a Ja­va­S­cri­pt. Los plugins de pro­vee­do­res privados como Adobe Flash son parte del pasado. Con HTML5 los pro­gra­ma­do­res pueden trabajar sin depender de las empresas de software y, así, tienen la capacidad de de­sa­rro­llar páginas web seguras y ac­ce­si­bles. Los si­guie­n­tes datos ponen de relieve las últimas novedades de HTML5 y muestran una selección de los elementos más im­po­r­ta­n­tes.

Nuevos elementos HTML

Una in­no­va­ción re­vo­lu­cio­na­ria que incluye HTML5 es la in­tro­du­c­ción de nuevos elementos se­má­n­ti­cos. Mientras que HTML 4.01 preveía una es­tru­c­tu­ra­ción a grandes rasgos a través de diversos elementos <div>, las etiquetas <section>, <nav>, <article>, <aside>, <header>, <footer> o <main> ofrecen la po­si­bi­li­dad de definir en este nuevo lenguaje el tipo de contenido de cada elemento.

Los elementos se­má­n­ti­cos de las secciones de las páginas web tienen una gran ventaja, ya que si­m­pli­fi­can a los motores de búsqueda el rastreo de do­cu­me­n­tos HTML. Dichos bu­s­ca­do­res prefieren los co­n­te­ni­dos bien es­tru­c­tu­ra­dos, por lo que los ad­mi­ni­s­tra­do­res de páginas web que facilitan al crawler la in­te­r­pre­ta­ción de los do­cu­me­n­tos HTML5 (mediante las co­rre­s­po­n­die­n­tes etiquetas) tienen más po­si­bi­li­da­des de obtener un buen po­si­cio­na­mie­n­to en la lista de re­su­l­ta­dos.

In­te­gra­ción mu­l­ti­me­dia

El lenguaje HTML hace posible que la in­te­gra­ción de archivos de vídeo y audio sea tan sencilla como lo es la de imágenes. Para ello se utilizan los elementos <audio> y <video>, gracias a los cuales ya no es necesario el desvío de los mismos mediante el uso de plugins.

In­te­r­fa­ces de pro­gra­ma­ción

Con HTML5 los pro­gra­ma­do­res tienen a su di­s­po­si­ción una serie de elementos Ja­va­S­cri­pt que se integran en los do­cu­me­n­tos de dicho lenguaje en forma de API (in­te­r­fa­ces de pro­gra­ma­ción de apli­ca­cio­nes). La siguiente tabla muestra una selección de los re­s­pe­c­ti­vos elementos de HTML5 que facilita a los pro­gra­ma­do­res la tarea de cumplir con los diversos re­qui­si­tos en las páginas web modernas.

En Internet existen infinidad de tu­to­ria­les de HTML5 para poder acceder más rá­pi­da­me­n­te a los nuevos es­tá­n­da­res web. En la página web Mozilla Developer Network se puede encontrar una amplia selección de recursos para de­sa­rro­lla­do­res web. En general, las versiones actuales de los editores web más ha­bi­tua­les soportan HMTL5, por lo que no será necesario adquirir un editor HTML5 especial. Como ocurre con cada estándar web oficial, W3C también pone a di­s­po­si­ción el validador para HTML5 Validator, con el que se podrá evaluar la co­n­fo­r­mi­dad de los do­cu­me­n­tos HTML. La va­li­da­ción del marcado de HTML de una página web se convierte en un factor im­po­r­ta­n­te para ga­ra­n­ti­zar la calidad.