Estructuras de Documentos Web: SGML, HTML, HTML5 y XML

Estructura Lógica y Física

• Estructura lógica: Define las partes que componen cualquier documento en un modelo jerárquico: secciones, capítulos, apartados, subapartados, párrafos, etc.
• Estructura física: Es la disposición de los elementos sobre el papel o la pantalla.

Al crear una página, se establece una estructura lógica con directrices para ordenar la física.

Lenguajes de Marcado

• SGML (Standard Generalized Markup Language): Se centra en la estructura lógica. Es un lenguaje que permite definir la estructura lógica de un documento. Las aplicaciones usan otras reglas para formatearlo. Sirve para especificar reglas de etiquetado, pero no impone ningún conjunto en especial. HTML se basa en este y está diseñado para especificar documentos hipermedia. Permite la representación de muchos tipos de información estructurada (bases de datos, procesadores de texto, etc.).
• SPDL (Standard Page Description Language): Se centra en la estructura física.
• ODA (Office Document Architecture): Comprende tanto la estructura física como la lógica.

HTML (HyperText Markup Language)

Predomina en páginas web. Describe la estructura y el contenido. Se escribe en forma de <etiquetas>. Aunque no se diseñó para este propósito, puede describir la apariencia del documento.

Componentes de HTML

• Declaración de tipo de documento: Es la primera línea de todo documento y especifica las reglas.
• Elementos: Tienen dos propiedades básicas: atributos y contenido.

Ejemplo:

<elemento atributo="valor">contenido</elemento>

Tipos de Elementos

• Estructurales: Indican el rol del elemento dentro del documento.
• Presentacionales: Describen la apariencia del elemento sin importar su función. Ejemplo: <b>negrita</b>
• Hipertextuales: Se utilizan para enlazar un documento con otro.

Atributos

Se incluyen dentro de la etiqueta de apertura de los elementos para modificar su comportamiento. Ejemplo: atributo="valor"

Tipos de datos

Especifican los valores admitidos en un documento: número, texto, fecha, etc.

HTML5

Es una agrupación de varias especificaciones para el desarrollo web: HTML + XHTML + DOM. Pretende proporcionar una plataforma más parecida a las aplicaciones de escritorio y evitar distintas interpretaciones por parte de los navegadores.

Novedades de HTML5

• Estructura del cuerpo: La mayoría de las páginas tienen un formato común: cabecera, cuerpo, pie, etc. HTML5 permite agrupar cada componente con una etiqueta específica que representa su papel.
• Etiquetas para contenido específico: Ahora se usan etiquetas diferentes para cada tipo de contenido: vídeo, imagen, sonido, animación, etc.
• Canvas: Permite dibujar directamente sobre la página y animarla.
• Bases de datos locales: El navegador podrá usar bases de datos locales, parecido a las cookies, pero para grandes cantidades de información. Esto permite aplicaciones sin conexión.
• Web workers: Son procesos pesados que se realizan en segundo plano.
• Aplicaciones web sin conexión: Permitirá el trabajo con aplicaciones web sin conexión a internet.
• Mejora la interfaz de usuario.

XML (Extensible Markup Language)

Es un metalenguaje extensible, viene del SGML y permite definir la gramática de lenguajes específicos. No es un lenguaje, sino una manera de definir lenguajes para diferentes necesidades. Es usado en XHTML y SVG. Se usa en Internet y en aplicaciones para intercambiar datos entre plataformas. Se puede usar en casi cualquier cosa.