PDF de programación - HTML5: el nuevo estándar básico de la web

??????????????????????????????????????????????????????????????????????
Html5: el nuevo estándar básico de la Web – Jorge Franganillo

H.3. Html5: el nuevo estándar básico de la Web

Por Jorge Franganillo

6 septiembre 2010

Franganillo, Jorge. “Html5: el nuevo estándar básico de la Web”.

Anuario ThinkEPI, 2011, v. 5, pp. 261-265.

Resumen: A finales de 2009 el W3C detuvo el diseño de xhtml 2 y se concentró
en definir html5. Desde entonces ha habido cierta confusión y acalorados debates
sobre cómo debería ser el lenguaje destinado a sustentar el futuro desarrollo de la
Web. Html5 se ha concebido con el propósito de simplificar el trabajo de los diseña-
dores de webs y mejorar el rendimiento de las páginas, especialmente en dispositi-
vos móviles. Se analiza el último borrador de la especificación html5 y se comentan
los aspectos más significativos: la sintaxis, el DOM, la presentación y la recogida de
información, y el procesamiento de contenido multimedia.

Palabras clave: Html5, Estándares web, Lenguajes de etiquetado, DOM, Flash, Na-
vegadores web.

Title: Html5: the new basic standard of the Web

Abstract: In late 2009 the W3C stopped developing xhtml2 and focused on defining html5 instead. Since
then, there has been some confusion and heated debates about the proper markup language for future
web development. Html5 was conceived with the aim of simplifying the designers’ work and improving
the sites’ performance, especially on mobile devices. This paper analyzes the final draft of the html5 speci-
fication and discusses the most significant issues: syntax, DOM, information gathering and presentation,
and multimedia processing.

Keywords: Html5, Web standards, Mark-up languages, DOM, Flash, Web browsers.

EL LENGUAJE html es uno de los puntales
de la Web. Desde hace más de dos décadas
ejerce una función primordial en el pro-
ceso de distribuir información a través de
internet.

En todo ese tiempo ha experimentado algu-
nos cambios en respuesta a las necesidades de
los productores de contenido y de los usuarios,
y ahora se encuentra a punto para el cambio
siguiente: el World Wide Web Consortium (W3C)
está esbozando html5.

Esta nueva versión del lenguaje básico de la
Web proporciona mecanismos para simplificar el
trabajo y facilitar la inclusión de elementos multi-
media. El principal criterio de diseño de html5 ha
sido el de resolver problemas prácticos, y con este
objetivo adopta soluciones dirigidas a facilitar el
trabajo en situaciones reales.

“A mediados de 2006 surgieron voces
críticas que reprochaban el avance
lento del W3C”

Antecedentes

Html es el lenguaje de marcación de hiper-
texto que se diseñó en 1989 para crear páginas
web. Desde su creación ha ido evolucionando de
acuerdo con diversas necesidades que se orien-
tan sobre todo a mejorar el procesamiento de la
información, y así fue como aparecieron varias
revisiones (html 2, html 3.2, html 4, html 4.01) que
ampliaron y depuraron este lenguaje.

Xhtml 1 se estableció en enero de 2000 como
una reformulación de html con sintaxis xml.
Desde entonces parecía evidente que los futuros
desarrollos de html se harían bajo la bandera
del xhtml, y así consta en numerosos manuales
publicados a partir de esa fecha. Durante mucho
tiempo xhtml se presentó como la evolución natu-
ral de un html que debería dejar de usarse.

En agosto de 2002 el W3C comenzó a definir
xhtml 2, una actualización de xhtml 1 con varias
mejoras semánticas y una lógica más robusta,
pero sin compatibilidad regresiva. Era realmente
un lenguaje nuevo y así lo confirmaba el hecho
de que tenía un nuevo espacio de nombres. Pero
a finales de 2009 el W3C detuvo el desarrollo de
xhtml 2.

Anuario ThinkEPI 2011

261

???????????????????????????????????????????????????????????????????
Html5: el nuevo estándar básico de la Web – Jorge Franganillo

Espacio de nombres

Es un conjunto de nombres, todos únicos. El
uso de espacios de nombres (namespace) es
una recomendación del W3C para resolver
la ambigüedad que se puede producir entre
elementos y atributos que se llamen igual en
vocabularios xml distintos.

Por ejemplo, el elemento title de un documento
xhtml expresa el título del documento (dentro
del elemento head), mientras que el elemento
title de un canal rss se utiliza para representar
el título del canal (dentro del elemento channel)
y el título de cada uno de los artículos (dentro
del elemento item).

Un grupo de diseñadores de Opera, y más
tarde de Apple y Mozilla, estaban disconformes
con el rumbo del W3C y en 2004 constituyeron el
Web Hypertext Application Technology Working
Group (WhatWG) al margen del W3C. Su propósi-
to era crear una nueva versión del estándar desde
un punto de vista eminentemente práctico, y no
tan académico. Así, publicaron dos especificacio-
nes, Web Forms 2.0 y Web Applications 1.0, que
más tarde se unirían para constituir un borrador
de html5 (Lawson; Sharp, 2011).

A mediados de 2006 surgieron voces críticas
que reprochaban el avance lento del W3C, la falta
de resultados concretos y lo abstracto de sus pro-
puestas (Castro, 2007). En efecto, 7 años después
de que el W3C publicase las recomendaciones
oficiales de html 4.01 y xhtml 1, aún no había
ningún consenso salido del W3C sobre el camino
que se debía seguir.

“Html era un lenguaje poco riguroso
y como consecuencia los documentos
resultaban un tanto caóticos”

Finalmente en
2007 el W3C reco-
noció el trabajo
del WhatWG y lo
tomó como base
para su propia
actividad con el
fin de proponer
una actualización

.

m
o
c
.
s
s
e
r
p
d
r
o
w
u
k
a
t
a
o
n
h
c
/
/
:
s
p
t
t
h

i

262

Anuario ThinkEPI 2011

del estándar básico de la Web. A pesar de que
el desarrollo de html estaba cerrado, el W3C se
concentró en definir html5. Desde entonces ha
habido cierta confusión y acalorados debates
sobre cómo debería ser el lenguaje para el futuro
de la Web.

Sintaxis y corrección de errores

Xhtml se creó para sustituir la sintaxis en la
que se basa html: el sgml (standard generalized
markup language), cuya finalidad principal era
facilitar la creación manual de documentos. Html
era un lenguaje poco riguroso y como consecuen-
cia los documentos resultaban un tanto caóticos y
no siempre cumplían con la sintaxis. Esto provocó
que los navegadores se hicieran más complejos
para poder asumir ambigüedades y equivocacio-
nes, es decir, para poder representar los docu-
mentos aunque tuvieran errores.

Como las máquinas tienen ciertas dificultades
para leer y manipular contenido etiquetado con
la sintaxis de sgml, se propuso una sintaxis nueva
basada en xml, un lenguaje derivado de sgml
pero más comprensible para las máquinas. Así, al
aplicar a html la sintaxis de xml, los ordenadores
son capaces de manipular xhtml con facilidad y
precisión, y en particular los dispositivos móviles
pueden procesar la información de manera más
eficiente.

“Html5 incluye elementos nuevos
destinados a enriquecer la
presentación de documentos”

La especificación de html5 no se adscribe a
una sintaxis o a la otra, sino que admite ambas:
html y xhtml. De esta manera, los creadores de
contenido pueden escoger entre un enfoque
práctico aunque poco riguroso (sintaxis html) y
una visión académica y estricta (sintaxis xhtml).
Con el tiempo, el W3C ha acabado aceptando que
html y xhtml sean recomendaciones paralelas que
pueden coexistir.

Html5 no sólo define cómo se deben analizar
los documentos, sino también cómo se deben
interpretar si no son válidos o si están mal for-
mados. Actualmente los navegadores corrigen los
errores de sintaxis de distinta manera, de modo
en que a los fabricantes les resulta más práctico.
Html5 trata de poner fin a esa necesidad de inge-
niería inversa de los navegadores, que compiten
por definir cómo se deben subsanar los errores
(Andersson, 2007; Keith, 2010).

??????????????????????????????????????????????????????????????????????
Html5: el nuevo estándar básico de la Web – Jorge Franganillo

DOM

Una de las novedades principales de html5 es
la inclusión del document object model (DOM)
como fundamento del lenguaje. DOM describe
la estructura de un documento de acuerdo con
el paradigma de la orientación a objetos. En
otras palabras, define el conjunto de entidades
que están presentes en un documento html y las
acciones que pueden realizarse sobre ellas. Hasta
ahora el DOM siempre se había tratado de forma
separada; cada navegador lo implantaba según la
particular interpretación que su fabricante hacía
de él. En cambio en html5 el DOM forma parte del
estándar. Así se garantiza que los navegadores
interpretarán adecuadamente la sintaxis de html
y que al mismo tiempo implantarán las funciones
del DOM que la sustentan.

Si el DOM está vinculado al lenguaje html, se
evita tener que diseñar versiones distintas de una
misma página para varios programas. El DOM se
incluye mediante la extensión de sus API (inter-
faces de programación de aplicaciones), a las que
añade funciones nuevas. Esta ampliación de las
capacidades del DOM permite ejecutar funciones
sofisticadas que hasta ahora requerían progra-
mas y componentes adicionales (Álvarez-García,
2010). Por ejemplo, Google prevé sustituir con
mecanismos propios de html su extensión Gears,
desarrollada para sincronizar contenidos para ser
usados sin conexión.

Para describir la interfaz de los elementos
del DOM con un lenguaje neutro, los autores de
html5 han escogido el interface definition lan-
guage (IDL). Este lenguaje tiene una sintaxis simi-