Fundamentos de la Web Semántica y el Estándar HTML5

La Web Semántica

El W3C (www.w3.org) es el organismo que regula aspectos esenciales de la Web, tales como el lenguaje (X)HTML con el cual se crean las páginas y los sitios web. Es el organismo de normalización más importante de Internet, siendo su director el propio fundador de la Web, por lo que sus recomendaciones poseen un gran prestigio y una enorme influencia. La Web Semántica es el proyecto del W3C para transformar la Web en la Web de las próximas décadas.

La Web Semántica proporciona un marco común que permite que los datos sean compartidos y reutilizados a través de aplicaciones, empresas y fronteras comunitarias.

Otras definiciones

Definición 1. La visión de la Inteligencia Artificial: La Web Semántica es un conjunto de iniciativas destinadas a promover una futura Web cuyas páginas estén organizadas, estructuradas y codificadas de tal manera que los ordenadores sean capaces de efectuar inferencias y razonar a partir de sus contenidos.

Definición 2. La visión del procesamiento robusto: La Web Semántica es un conjunto de iniciativas destinadas a convertir la World Wide Web en una gran base de datos capaz de soportar un procesamiento sistemático y consistente de la información.

Lo que se intenta es ordenar y estructurar los contenidos de las páginas web, utilizando nuevas etiquetas que faciliten la comprensión del código utilizado.

Diferencias entre HTML y HTML5

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web.

HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<, >). HTML también puede describir, hasta un cierto punto, la apariencia de un documento.

Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Todas las variantes de HTML abren las instrucciones con < y las cierran con >. Por ejemplo, <text>.

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML.

Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario común actualizar a la versión más nueva para poder disfrutar de todo el potencial que trae HTML5. HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos.

El HTML5 introduce nuevas formas de escribir código, así que la sintaxis entre ellos puede variar ligeramente.

Diferencia de estructura

Lo principal es la definición de la página. Estos son los elementos:

• section: Representa una sección "general" dentro de un documento o aplicación, como un capítulo de un libro. Puede contener subsecciones y, si lo acompañamos de h1-h6, podemos estructurar mejor toda la página.
• article: Representa un contenido independiente en un documento; el caso más claro son las entradas de un blog o las noticias de un periódico online. Así, dentro de la portada podremos tener varios artículos demarcados semánticamente, por lo que una herramienta puede extraerlos fácilmente.
• aside: Representa un contenido que está muy poco relacionado con el resto de la página, como una barra lateral. Esencial para delimitar el contenido "importante" del contenido "de apoyo", haciendo más caso al primero que al segundo.
• header: Representa la cabecera de una sección, y es de suponer que se le dé más importancia que al resto, sobre todo si la sección es un artículo.
• footer: Representa el pie de una sección, con información acerca de la página/sección que poco tiene que ver con el contenido de la página, como el autor, el copyright o el año.
• nav: Representa una sección dedicada a la navegación entre el sitio, como la típica barra superior de los periódicos.

Elementos importantes

• audio y video: Sirven para incrustar un contenido multimedia de sonido o de vídeo, respectivamente. Sin duda uno de los añadidos más interesantes, ya que permite reproducir/controlar vídeos y audios sin necesidad de plugins como el de Flash.
• embed: Sirve para contenido incrustado pero no nativo, sino ejecutado por plugins como el de Flash.
• canvas: Es un elemento complejo que permite generar gráficos, dibujando elementos dentro de él.