PDF de programación - 1. Introducción a XHTML

Análisis y Diseño de Sistemas de
I f
Información para Internet

ió

I

1 Introducción a XHTML
1. Introducción a XHTML

Luís Rodríguez Baena ([email protected])

Universidad Pontificia de Salamanca (campus Madrid)
Facultad de Informática

¿Qué son XHTML y XML?

XHTML (Extensible HypertextMarkupLanguage, Lenguaje de marcas hipertexto ampliable)

es una versión de HTML compatible con XML.
es una versión de HTML compatible con XML.

XML: Extensible Markup Language(Lenguaje de marcas ampliable).

● Estándar del W3C que define una sintaxis genérica para marcar documentos con etiquetas de

forma que sean legibles por humanos.

El término marcade utiliza para indicar el significado de un carácter o un grupo de

caracteres de un documento
caracteres de un documento.
● Permiten codificar texto electrónico para indicar el significado de una porción de texto mediante

caracteres especiales: los caracteres de marcado.

Por ejemplo, un texto en negrita se colocará entre las marcas de inicio y fin de negrita.

o

Esto es lo que hacen formatos como RTF o HTML.

Algunos lenguajes de marcas ya tienen caracteres de marcado predefinidos.

● XML es ampliable: permite crear marcas propias con un significado específico dentro de un

documento.

propias etiquetas.

● Proporciona la sintaxis necesaria para crear lenguajes de marcas a partir de la definición de sus

● La flexibilidad le permite definir documentos de dominios muy distintos (datos bancarios, gráficos,

vectoriales fórmulas matemáticas datos de localización geográfica noticias etc )
vectoriales, fórmulas matemáticas, datos de localización geográfica, noticias, etc.).

La sintaxis estándar permite que estos documentos sean explotados por programas que

interactúen, traten y manipulen la información contenida.
● Muchos lenguajes (como Java o .NET Framework) incluyen bibliotecas de clases para trabajar con

datos XML

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

2

¿Qué es XML?
Ventajas y utilidades

y

j

Ventajas de XML.

● Permite definir cualquier cosa desde datos estructurados documentos gráficos etc
● Permite definir cualquier cosa, desde datos estructurados, documentos, gráficos, etc.

Sólo define la sintaxis del lenguaje.

● Es fácil de leer e interpretar.
● Ha sido diseñado para los protocolos de Internet.

Aunque también se utiliza en otros dominios (por ejemplo, en archivos de configuración).

● Es independiente de la aplicación y portable.

E i d

d l

bl

di

li

ió

Se puede utilizar para traspasar datos de un lenguaje a otro, de una plataforma a otra, de una

aplicación a otra.

● Utiliza caracteres Unicode, lo que permite su adaptación a múltiples lenguas.
● La especificaciones son de libre uso.

Utilidades.

● Definición de formatos estándar de documentos.

Por ejemplo el formato OpenDocument (ODF), que se está adoptando por muchas

administraciones o el Open XML de Microsoft.

q

p

● Aplicaciones que necesitan almacenar datos de forma estructurada.
● Gestores de bases de datos.
● Persistencia de objetos para servicios Web.
● Transferencia de datos mediante HTTP en comercio electrónico, B2B, B2C.
● Migración entre distintas plataformas.
●
● …

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

3

Lenguajes de marcas

Los lenguajes de marcas están formados por etiquetas

g j

(marcas, tags, tokens) que especifican la apariencia o la
estructura de un documento.

p

q

La unión de las etiquetas y el texto forman el código
La unión de las etiquetas y el texto forman el código

fuente del documento.

Ese código fuente puede ser código abierto o

propietario
propietario.
● El formato de Word es código cerrado.

No se puede interpretar ni modificar si no es con aplicaciones

específicas
específicas.

● Los formatos RTF, HTML, XML o XHTML son de código abierto.

Puede entenderse y modificarse con herramientas estándar de

edición.

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

4

Lenguajes de marcas (II)

XML (y XHTML) están basados en SGML.
SGML (St d dG li dM k L
)
SGML (Standard Generalized Markup Language).

● Lenguaje desarrollado a finales de los años 70 para definir documentos de texto.
● Se utilizó en sectores que necesitaban administrar grandes volúmenes de

● Fue el lenguaje elegido para aplicaciones que utilizaban los protocolos de

tili b

l l

d

t

i

información (militar, aeroespacial, gubernamental).
F
Internet.

id

li

j

l

l

l

HTML está basado en SGML.

● Problema: excesivamente complicado.

En 1996 se planteó hacer una versión ligera de SGML que resolviera el
En 1996 se planteó hacer una versión ligera de SGML que resolviera el

mismo tipo de problemas: definir documentos.
● En 1998 nace la especificación de XML 1.0.
● XML es un lenguaje de “meta-marcas”.
No tiene un conjunto fijo de etiquetas
No tiene un conjunto fijo de etiquetas.
Aporta la manera de definir etiquetas adaptadas a un dominio específico.

● XML es un “meta-lenguaje”.

Se utiliza para definir otros lenguajes (entre ellos XHTML).

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

5

Introducción a XHTML

XHTML es una recomendación oficial del W3C que define una versión

de HTML compatible con XML
de HTML compatible con XML.

Redefine HTML como una aplicación XML.

● HTML sería una versión SGML.

Ventajas que aporta.

● Al tratarse de documentos XML se pueden incorporar elementos de distintos

espacios de nombre.

Permite mezclar el documento con otros vocabularios XML.

● Al tratarse de documentos bien formados los analizadores sintácticos se pueden

simplificar
simplificar.

La libertad de HTML hace que su renderización en un navegador pueda ser más lenta.
● Al tratarse de documentos XML se pueden utilizar las mismas herramientas para

el tratamiento de los datos.

● Cómo XML, se trata de un lenguaje ampliable.

g j

p

,

Es relativamente fácil añadir elementos al lenguaje a través de módulos.
Permite la interoperabilidad entre distintas plataformas y aplicaciones de usuario.

XHTML utiliza un conjunto de etiquetas similares a HTML.

● Pone algunas limitaciones a etiquetas y atributos HTML que el W3C considera

g

q

q

y

obsoletas.

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

6

Introducción a XHTML
Documentos XML bien formados

Obliga a adaptar la escritura de las etiquetas y atributos del

p

g

q

y

documento a las restricciones del lenguaje XML.

El primer requisito de un documento XML es que debe

tratarse de un documentoXMLbienformado:
tratarse de un documento XML bien formado:
● Debe cumplir las especificaciones del lenguaje respecto a las reglas

sintácticas y tiene una estructura jerárquica estricta.
1
1.

Toda etiqueta de inicio debe tener una de cierre
Toda etiqueta de inicio debe tener una de cierre.
o

Si una etiqueta no tiene contenido debe tener también una etiqueta de
cierre.

o
o

Una etiqueta sin etiqueta de cierre deberá acabar con la secuencia />
Una etiqueta sin etiqueta de cierre deberá acabar con la secuencia />.

<etiqueta></etiqueta>

<etiqueta />

2.

Se pueden anidar elementos, pero no superponer.
o

Esta combinación no es posible en xml:
<strong><em>Contenido</strong></em>, aunque si en html.
l

h

i

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

7

Introducción a XHTML
Documentos XML bien formados (II)
)

(

Características de los documentos bien formados

(continuación).

Los valores de los atributos deben estar entrecomillados
Los valores de los atributos deben estar entrecomillados.

3. Debe tener un único elemento raíz.
4
4.
5. Un elemento no puede tener dos atributos con el mismo nombre.
6.

Los comentarios y órdenes de procesamiento no pueden estar
dentro de las etiquetas.
dentro de las etiquetas.

7. No pueden aparecer signos < y & individuales dentro del

contenido de un elemento o atributo.
o

En su lugar deben aparecer las referencias a entidades &lt; o
&amp;.

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

8

Introducción a XHTML
Documentos validados

Un documento validado es un documento bien formado en el que

sus elementos cumplen una serie de reglas
sus elementos cumplen una serie de reglas.
● Esas normas pueden regular el número, nombre u orden de los elementos o

atributos o el contenido de los mismos.

● XML presenta dos mecanismos para asegurar esas reglas:

i

D fi
(DTD)
Definición del tipo de documento (DTD).
ió d l ti
Esquemas XML.

d d

t

Una DTD hace una descripción formal de un vocabulario XML.

● Una DTD determina:

é

Qué elementos (etiquetas) puede tener un documento.
Qué tipo de datos puede tener el contenido de la etiqueta.
Qué atributos y de qué tipo puede contener una etiqueta.
Qué jerarquía deben tener los elementos del documento.

● Puede ser compartida por varios documentos XML.
Puede ser compartida por varios documentos XML
● Permiten validar si un documento utiliza esa descripción.
● La declaración del tipo de documento (DOCTYPE) en la cabecera del

documento especifica la DTD que utiliza ese documento.

Universidad Pontificia de Salamanca (Campus Madrid)

Luis Rodríguez Baena, Facultad de Informática, 2009

9

Introducción a XHTML
Tipos de documentos XHTML

p

Los documentos XHTML debe