, cuando lo correcto es que se necesiten las etiquetas de principio y de final:

y

(de Párrafo) y (de Comentario Final). PRECAUCIÓN: En los nombres de las etiquetas se han eliminado los acentos para evitar cualquier posible incompatibilidad con alguno de los múltiples procesos implicados. Se puede utilizar el alfabeto español sin problemas, pero es una precaución similar a la costumbre de no incluir acentos ni espacios en los nombres de los archivos. E

---

Después de incluirlas en sus lugares correspondientes y de añadir la declaración XML al principio y la etiqueta raíz , el documento XML queda como el siguiente, que debe ser guardado como ejemplo03-02.xml (ya es un documento XML, por lo que debe llevar la extensión .xml).

Si visualizamos ahora el documento ejempls03-02.xml a través de IE5, comprobaremos que ha parada el análisis previo y observaremos su estructura en forma de árbol, tal como se muestra en la Figura 3.2.

XML. Iniciación y referencia

.: -

!

, .

,

.

-

->,,cm,l?

cr8tuliD- Evolucl4n del XML*./iituloPs sai,to-:Ramón Montoro .imil~r.. rinfrolEn este articulo .E muestrala evolucl4n hlrtbrica del XML=,intrOi i t i i i h n . Iniroducdbn!ii+doa .-p-,Para anlsndsr la evoluclbn del XML hay que retroceder a la Bpoca sn l a quo los 6lrlc.mar de lnformdtlca eran todas propietarios de lar eniprerar que los msaban. ':o, p E n rsalldad, lar idear de esta "nueva" lecnologla ron de robra c ~ n o c l d a desde r hace muchos ahos y llevan dbcadar dando buenos rerultador en miiltlpler proyectos. Vamos a repasar algunas de estas Ideas a cmrhiuadón. .. a c f r r ~ r ' Sistema de marcado Iitulr,i cp..EI slstema de marcado de lonnato r e basa on marcar e l t a r t o con Inrtmcciuner procirar que describen cada una de lar candkionmr que se desea apllcar a las paear del texto, talsr como el tlpo de letra o su rntllo. . p ,- l > n t frinc - - - -f a-7 i--, c d o r : m d j ti&-?licrn:right; m a r y i d - b o t h : 1-1 intro (display:block; margin:2Spx; font-fuailyt Verdena; f o n t - s i a c : l h r : font-#tyle:ftalip) titul& {disaloy:blnck; f m t - fliri!ily:Kr íal J narsin-L~Et:laa; til%t-alipn:left; font-sizerl4gt; fmt. - ~ ~ i g h:bol - - d; nñrqin-bot zorri: lOpt] comsptariaF (&isala-./:Block; margin: .2i11; padding:5px; font-s~v1e:italic; b o r o r d e r : ~ u t s ~ t3 s :

.- -

m

m

-7:

LrEL-alryri:cuiu=&;

-

-:-?e.--.

crac-rrs

- ; J u ~ L ~

bcickqround-color :a q m ) g (display: block; mama-bottom: l O p t ; font EamllyrVerdaria,sans-c p f i f t fqrt sle-: lQpt;, text-align:justify; te.ct-:ndent:lcml

Para que el documento XML pueda recoger las reglas de formato de articulo2.css, hay que modificar la segunda línea de su código para que quede como:

Este nuevo documento XML tiene la denominación de ejernplo03-04.xrnl, y al abrirse desde IE5 se muestra como se puede ver en la Figura 3.8. Sin duda ya tiene un aspecto mucho mejor, pero todavía vamos a incluir algunas correcciones. Se trata de mostrar las palabras que aparecen entre comillas (nueva, etiquetas y código) sin las comillas y con estilo de negrita ( < m ,)y ya puestos, vamos a ordenar que la palabra que figura entre paréntesis (tags), tenga un estilo de cursiva ( < c > .) Estos efectos se consiguen añadiendo al código CSS de articulo2.c~~ las siguientes reglas: f r i n t - v ~ i g h : rünldr di'dpley :inline 1 d. { font-styie:italic; disp1ay:inline 1

U

Esta nueva variante de la plantilla CSS hay que guardarla como articulo3.css. También hay que modificar el documento XML en dos sentidos: uno actualizando

CAP~ULO [3]

Visualización de documentos XML con CSS

Evolucibn del XML

Figura 3.8.

Documento ejemplo03-04.xml

visto con IE5. la línea que llama a la nueva plantilla CSS, y después incluyendo las correspondientes etiquetas y en sus respectivos lugares. El código del nuevo documento XML, denominado ejemplo03-05.xml, se corresponde con:

necesaria la conexión aL W ~ para C e s t a r al dia pn proceso de ~ w l u r r i b n~. / p z < c o m ~ n t a r l o ~ > l ; ' l t fecha i~a de actualirar~bn: 2 5 de Abril de ? í l O O < /com~ntarinF-c l a r t lculoz

poco

R P O C ~ ,siendo

P F ~ C ?Ccmstanre

XML. Iniciación y referencia

3

Para terminar de mejorar el proceso habría que incluir algunos comentarios que ayudasena leer los códigos XML y CSS más fácilmente. Ya hemos visto cómo incluir comentarios con los terminadores especiales para XML ( c ! - - y --> ) y para CSS ( / * y * / ), pero podemos aprovechar el valor none de la propiedad d i ~ p i a y para que cualquier elemento incluido en el documento XML sea ocultado en el momento de la presentación en la pantalla. Un ejemplo del documento XML con comentarios podría ser el que se muestra a continuación, localizado como ejemplo03-06.xml.

Para que funcione correctamente el anterior documento es preciso modificar el último cbcligo CSS para que deje claro que deseamos hacer con el nuevo elemento ) también que no se muestran los comentarios añadidos. Bien, cualquier persona que esté leyendo este libro tiene sin duda una aptitud curiosa que no se conforma fácilmente, ya que si no fuese así, estaría tumbado en el sofá viendo a los Simpsons, en vez de pelearse con los documentos XML y CSS. Es por tanto seguro que más de un lector, conocedor de las posibilidades del HTML, se estará preguntando jcómo se pueden incluir los hiperenlaces en este proceso? o ¿cómo se pueden insertar las imágenes en un documento XML-CSS? S610 tiene que seguir leyendo para solucionar ése y otros problemas similares.

A

Evolucinii del XML

..

--

. .. .

hboüucclbn -m

rn- . 3

r l & i . . * Y m 0 i - h . r w - . Y 0 1 n U O . ~ r M ~ - r . . n I - p p r - i i ~ k

nr,i+..v

*

hS. *

..l.

F r r r-i.rm.

ni..*

-.. -4

18

w u a n* b

-m

r i.O"

i

uV

irr.

Mlmr* m.

n C d rria

"

8"

r* r n i . r i o -m

lclaacibn

-

i lu n r r r . r-0 m i i l miim 0. Uii.0 ii w.19

n

Ir*,"

.,-m in y

p*

*

m . di .m. .m* W W. u-. ib. r ni"dr.rnifnAin

8ln.nii de marcado

rrfnrr-

id

".-m

-

p . r ~

i -

i.n

nyitn

-&re.

r r ,m.*

-i

-

m.,-.

dic

b

m i -.m

u m-*

mm

Y

m". hnnrl"

Figura 3.9. Documento ejemplo03-06.xml visto con IE5.

XML. Iniciación y referencia

LA AYUDA DEL HTML

'

Ya he comentado en otras ocasiones que mientras no se desarrolle completamente XML hay que aprovechar las tkcnicas actualmente existentes para complementarlo y, ademas, ta-mbiénhe dejado claro (¡eso espero!) que XML no es ui sustituto de HTML, sino más bien un complemento. Teniendo en cuenta estos comentarios, y buscando siempre el proceso más fácil y práctico posible, vamos a ver cómo se puede aprovechar lo mejor del HTML en cualquier sistema de visualización XML-CSS, como el que estamos tratando en este capítulo.

IMPORTANTE: En el capítulo siguiente se van a ver más ejemplos de utilización del código HTML, pero este libro no es una guía de HTML, por lo que recomiendo al lector que no conozca este lenguaje que adquiera un buen manual de programación HTML, ya que sigue siendo la base de la mavoría de las técnicas de diseño web. Para poder seguir adelante es imprescindible que comentemos un nuevo concepto: el espacio de nombre (namespace).

IMPORTANTE: Más adelante, en otros capítulos, se volverá a tratar el tema de los espacios de nombres.

Ya hemos comentado y comprobado que podemos combinar varios documentos XML, HTML, CSS, etc., para obtener un documento final, mezcla de otros, siendo ésta una de las grandes ventajas existentes en el tratamiento de información XML. Estos documentos pueden provenir de diferentes orígenes y autores, por lo que no es nada improbable que existan etiquetas y atributos de elementos que aparezcan repetidos, ya que algunos nombres descriptivos son muy utilizados en casi todos 10s sectores, como ,, , , ,,,,,,etc. Esta posible interferencia puede evitarse controlando al detalle cada uno de los documentos para asegurar que no existe repetición alguna de etiquetas o de atributos (cuestión imposible de realizar si los documentos son generados por personas o entidades con las que no mantenemos relaciones), o mejor, trabajar con los espacios de nombre que, según figura en la propia sede del W3C, son colecciones de nombres, identificadas por una referencia URI, que pueden ser utilizadas en los documentos XML como tipos de elementos y nombres de atributos. Como me imagino que esta definición no es nada aclaratoria para los usuarios que no conocen este término, yo creo que es más útil imaginar que los espacios de nombre son unas capas en las que se incluyen los elementos de cada colección de etiquetas y de atributos utilizados en el proceso. Así, podemos tener varias capas superpuestas, pero sin interferir entre ellas, cada una con sus propios elementos, que en conjunto forman un sistema complejo que aprovecha toda la información de la totalidad.

C A P ~ U L O133 Visualización de documentos XML con CSS

En nuestro caso vamos a disponer dos capas (perdón, dos espacios de nombre) para incluir los elementos particulares del documento XML en uno de ellos y para poder utilizar las etiquetas del HTML en el otro espacio de nombre. De esta forma a podremos aprovechar las ventajas de los dos sistemas y, de paso, evitaremos colisiones entre etiquetas coincidentes, como es el caso de la

de HTML y de la 0

utilizada en nuestro ejemplo XML. Cuando no se especifica nada sobre espacios de nombre, se da por hecho que toda la información se manipula en un único espacio de nombre (una única capa de trabajo) que existe siempre por defecto. En nuestro ejemplo, si no añadimos nada especial, la información del documento se situará en el espacio de nombre por defecto. Para poder utilizar las etiquetas HTML paralelamente vamos a utilizar un espacio de nombre especial para que soporte sus elementos. La forma más sencilla para poder crear dicho espacio de nombre sería incorporar el atributo x m l n e :h t m l = " u r i :h t m l " a la etiqueta del elemento raíz, que en nuestro caso quedará como:

9

IMPORTANTE: Se vuelve a recordar que más adelante se volverá a tratar con más detalle el tema de los espacios de nombres.

Con esta sencilla operación ya es posible utilizar cualquier etiqueta HTML sin problemas, con la única precaución de anteponer a cada una de ellas (en la del principio y en la del final) el prefijo h t m l :, que indica que debe ser incorporada al espacio de nombre reservado para el caso. Por ejemplo, si se desea que el nombre del autor sirva de enlace para que se le pueda mandar correo electrónico, hay que modificar el correspondiente código para que quede como:

Cualquier otro componente HTML que se desee incorporar debe seguir la misma única regla: incluir el prefijo h t m l : en el nombre de sus etiquetas. Mediante este sistema se puede mejorar el documento XML para convertirlo en una completa y clásica página web formada por lo mejor del XML, del CSS y del HTML, adaptándose a los conocimientos y necesidades particulares del diseñador. Volviendo a nuestro ejemplo, el código del documento XML podría retocarse para llegar a quedar como se muestra a continuación, con la referencia de ejemplo03-07.xml, donde se pueden ver resaltados los añadidos HTML, como la creación de un espacio de nombre especial para HTML, la inclusión de varios hiperen-

XML. Iniciación y referencia

laces (de marca, de correo electrónico y de web), la inserción de dos pequeñas imágenes contiguas a las palabras «XML», un par de saltos de Iínea forzados ( < h t m l : br />), una línea de separación ( < h t m l : hr . . . />) y unos guiones de separación ocultos ( < h t m l : f o n t c o l o r = " w h i t e " > - - < / h t m l : f ont,).

~orticulodn~ahtmí=~uri:Etmi"> < ! - - C a b e r ~ r adel dciriinrrito

< IEliEMxNT autoree (Autor+) < l E L ! i s m m Autor (IPCDATA),

t1ATTLIST Precio moneda C M T A IREQVIFtEDs 1>

En el listado anterior se ha remarcado la parte correspondiente a la DTD que se sitúa al principio (después de las instrucciones de procesamiento), sin que por el momento tenga mucho sentido para el profano. Es importante observar que no se precisa de ninguna etiqueta o instrucción de procesamiento especial en el documento XML, ya que simplemente hay que incluir el código DTD al principio, añadiendo a continuación el resto del documento XML. Siempre se distingue el código DTD porque presenta el modelo:

XML. Iniciación y referencia

i

en el que es importante distinguir la primera línea con la declaración de tipo de documento ( ! DOCTYPE . . . ), el símbolo de comienzo del código DTD ((corchete izquierdo)) ( [), el símbolo de finalización del código DTD «corchete derecho)) (1 ), todo ello comprendido entre signos de ángulos «menor que» (4 y «mayor que» (>), y entremedias de los símbolos de inicio y de final del código DTD las declaraciones correspondientes. La forma de trabajo con una DTD externa exige manejar un código XML como el siguiente: m.

-

< ! E libroe S Y B m mlibroo.dtdR>

i

1.r :-o>

i y otro código DTD, guardado con el nombre de librosdtd, como el que viene a i continuación: E-

-

El lector podrá recordar que en el Capítulo 2 se vio la utilidad del atributo standalone. Las características del resto de las entidades relacionadas con la DTD se van a repasar en los siguientes apartados. Lo mismo que hemos hecho con los capítulos anteriores, antes de seguir adelante vamos a crear un documento XML que nos sirva de ejemplo práctico, aunque también aprovecharemos los datos XML del centro de enseñanza TODO-WEB utilizados en el capítulo anterior. En este caso vamos a utilizar el catálogo de libros de computación de la Editorial McGraw-Hill. El código elegido es el que viene a continuación con el nombre de referencia ejemplo05-01.xml:

CAP~TULO151 Definición de Tipo de Documento

La estructura de ejemplo05~Ol.xmlse entiende con facilidad si se observa con atención, por lo que no exige una explicación especial sobre su organización. En el anterior ejemplo se hace referencia a un archivo externo DTD denominado catalogo.dtd, que también se encuentra en los archivos disponibles en www.ramon.org y que tiene el siguiente contenido:

P - .> '

e-BODY -

Esta es la ectriictura de un archivo HTWL, definido d ~ n ro ! de un documento xML qLie sigue la normativa HTML 4.O.d/P>

c ; ETI

Un ejemplo de documento XML que incorpora una DTD externa privada sería como:

.r!MXJTYPE saludo SYSTEM 'http://ww.ramon.org/xml/saludo.dtd"> ;Hola Yl.ndo!

En el ejemplo principal del catálogo que se ha creado al principio la línea de declaración de tipo de documento es: .- ,

< ! ~ E C ' I P E libros SYSTEM .catalogo.dtd*>

DECLARACION DE TIPO DE ELEMENTO A continuación de la declaración de tipo de documento se incluyen las declaraciones de tipo de elementos, que son una relación de los elementos que intervienen

en el documento XML con indicación de sus características. Deben constar tantas declaraciones de tipo de elemento como número de elementos exista en el documento XML. El modelo de la declaración de tipo de elemento es el siguiente:

XML. Iniciación y referencia

i i

El término ! ELEMENT tiene que ir en letras mayúsculas seguido por el nombre-del-elernen to correspondiente y por su descripción.Todo encerrado entre signos de ángulos. En el lugar de nombre-elemento se incluye el identificador genérico de cada uno de los elementos que componen el documento XML. En el lugar de la descripción-del-contenido, normalmente entre paréntesis, se incluye la especificación del contenido del elemento, pudiendo tener los siguientes valores: EMPTY, m,elementos, datos o mezclas. o

EMPTY (vacío) indica que el elemento no tiene contenido, esto es, que es un

elemento vacío, normalmente con información en forma de atributo. ANY (cualquiera) indica que el elemento puede tener cualquier tipo de cono

tenido. Es posible que incluya una lista de posibles elementos (element) dependientes. También es posible que incluya una mezcla (mixed) de los valores anteriores.

Un ejemplo con el valor EMPTY sería:

Un ejemplo con el valor ANY podría ser:

Un ejemplo con valores de elementos, donde se indica que del elemento autores y Precio,y también, que i libro dependen los sub-elementos ~ítulo, i del elemento autores depende el subelemento Autor,es el siguiente:

i i

...

-

clELEldBNT libro (Titulo, autores, Precio)+ c IELEMBW. autoree (Autor]>

1

O [5]

Definición de Tipo de Documento

qemplo con valores de mezcla, utilizando el tipo #PCDATA (que viene de Iharacter DATA, equivalente a «texto de caracteres))),puede ser:

1

el valor mezcla permite otras muchas posibilidades, ya que, como indica su

, admite mezclas de los valores anteriores, siendo perfectamente válido un como:

c!ELBMBNT A u t o r ClPCDATA I Nombre I Apellidos

En el código anterior aparece una nueva característica de las declaraciones DTD, consistente en que permiten mezclar caracteres de texto y subelementos, con las posibilidades separadas por el signo de la «barra vertical» ( 1 ) . PRECAUCIÓN: Existe una gran diferencia en separar los subelementos con una «coma» o con una «barra vertical*. La «coma» indica que los elementos deben existir todos y en el mismo orden marcado. La «barra vertical» señala que los elementos relacionados son optativos y se puede elegir cualquiera de ellos.

-

--- -

XML. Iniciación y referencia

Seguro que el lector ha observado que en varias ocasiones los códigos de los ) ejemplos han incluido algunos caracteres especiales, como el signo .más. el signo de .interrogación final. y el signo de rasteriscon Cada uno de estos 3 caracteres es un operador,que puede aplicarse a la declaración de tipo de eleO mento o a cada uno de los subelementos. (+),

(*).

(?)

Cada operador es un indicador de frecuencia que indica las siguientes características: Operador

Opción

Frecuencia

Opcional Opcional y repetible Necesario y repetible

O o 1 vez O o mds veces 1 o mds veces

Un ejemplo de operador ? , que permite incluir un elemento (sólo uno) subtítuio dependiente de ~ítuio, aunque también permite que no se incluya, puede ser:

Un ejemplo de operador ", que permite incluir ninguno, uno o más elementos Autor,dependientes de autores,sería: c !EL-

autores (Autorf)>

Con lo que se ha visto hasta ahora, si en el ejemplo anterior se desea que siempre aparezca como mínimo un elemento Autor dependiente de autores, se podría hacer con: ! EL^^

autores (Autor, Autorf ) >

Pero el caso anterior se podría especificar más fácilmente utilizando el operador

+, que obligaría a la existencia de un elemento (o más) Autor dependiente de autores,quedando como: . ~ELEMZTPT !

autores (Autor+)>

Se pueden combinar varios operadores en una misma secuencia (en este ejemplo se han anidado varios subelementos): !BLEMEXT autores (Autor+ (Nombre*, Apellido;?)

)N

En el ejemplo anterior se han anidado varios subelementos, consiguiendo poner en una sola línea lo que se puede expresar en las dos siguientes:

JLO [ 5 ]

Definición de Tipo de Documento

3

.mbién se puede aplicar un operador a toda la secuencia situándolo fuera del O tesis, y así, en el ejemplo siguiente, se indica que los elementos Nombre, lidos y anónimo pueden existir o no, en cualquier número de veces:

PRECAUCIÓN: Los operadores no pueden ir precedidos de espacios en

blanco.

~spuésde lo comentado se puede decir que el signo de «coma» (,) indica estricto, el signo de ((barra vertical» ( 1 ) indica opcional (uno u otro) y que :nos de ((paréntesis)) ( y ) se utilizan para agrupar. en, seguro que ahora se puede entender la mayor parte del código del architalogo.dtd.

tinuación de las declaraciones de tipo de elemento que contengan atributos luyen las declaraciones de lista de atributos, que son una relación de los atributos que intervienen en el documento XML, con indicación de sus características. Lo más usual es incluir tantas declaraciones de lista de atributos como número de atributos exista en el documento XML, pero se pueden describir todos los atributos en un único listado (de ahí el nombre) de una declaración de lista de atributos. El modelo de la declaración de lista de atributos es el siguiente:

El término !ATTLIST debe ir en letras mayúsculas y seguido por el nombre-del-elemento, por el nombre (o nombres) del atributo correspondiente, por su tipo y por la descripción del valor-por-defecto. Todo encerrado entre signos de ángulos. Se pueden declarar varios atributos en una sola declaración de lista de atributos, también se pueden incluir varias declaraciones de lista de atributos para un solo elemento, e incluso es posible insertar varias declaraciones para el mismo atributo del mismo elemento, en cuyo caso es la primera declaración del atributo la que se tiene en cuenta. Un ejemplo de declaraciones de listas de atributos puede ser:

XML. Iniciación y referencia

b

c!ATTLIST

C o n t a c t o T e l e i f o n o CDATA #PcQUIREü> C o n t a c t o Fax CDA'TL #RJZQUTaED>

Que también puede expresarse como: < ! i ? T L I S T C o n t a c t o C o r r e o - r CDATA YREQUIRGD T e l é f o:lo CDATA # F EUUIRED Fax CDATI;. #REQUImD>

Tipos de atributos El tipo de atributo (atribute type) declarado en los casos anteriores es CDATA (Character DATA), equivalente a «texto», adecuado para la mayoría de los casos, pero existen otros tipos posibles, como los relacionados a continuación: NMTOKEN, son similares a los CDATA, Con la salvedad de que, además de caracteres de texto, pueden incluir digitos, guiones y caracteres de punto, siendo útiles para describir números. Su nombre viene de NaMe TOKEN (señal de nombre). Un ejemplo de este tipo sería: 1

--

--

ID,permite declarar un atributo con un nombre identificativo (IDentification) particular para ser utilizado en cualquier momento como referencia nominal. Un tipo de elemento puede tener sólo un atributo ID.Es similar al atributo NAME de la etiqueta del HTML. Un ejemplo con este tipo sería:

IDREF, sirve para establecer conexiones entre elementos. El valor IDREF (IDentification REFerence) del atributo debe referirse a un valor ID declarado en el documento. Es similar al atributo HREF de la etiqueta del HTML. Un ejemplo de este tipo podría ser:

CAP/TULO 151 Definición de Tipo de Documento cDTD>

...

< !LLEMFNT

~ ú : n e r o I D #REQUIRED> curso1 IDREF #IKPLTFD> c u r s o 2 I D R E F CIMPLX Z @ ,



.crmrm&t%

c T a x t g z E r t e n a e X a r h p Languagec /Texto> ¿/noima>

4'esto>HyperText Markup Language

c/fiomas'

Después añadimos una línea de código que le relacione con un determinado archivo XSL (en este caso ejemplo06-02.~~1)y lo volvemos a guardar:

XML. Iniciación y referencia

Para finalizar crearemos y guardaremos el documento XSL que lleva por nombre ejemplo06-02.~~1,todos ellos guardados juntos en la misma carpeta X:\LIBRO-XML\CAP-06:

Ahora abrimos el archivo normas06-01.xml con IE5 y observamos su contenido, que debe coincidir con la Figura 6.6, o sea, una sencilla lista conteniendo las siglas de las normas del documento XML. Aunque todavía no estamos en condiciones de entender bien los detalles (más adelante se estudiarán), veamos lo que ha ocurrido. Hay dos puntos importantes a tener en cuenta: e e

Partiendo de un determinado documento XML se ha obtenido un documento web diferente. La transformación del documento origen XML en otro documento resultante HTML se ha realizado mediante las reglas definidas en una plantilla (template) XSL.

El primer punto queda claro al observar el documento XML, que además de la información relativa a las siglas,también incorpora datos sobre el Texto de las normas reseñadas. habiendo sido obviados estos últimos.

Figura 6.6. Resultado de ejecutar norrnas06~01 .xml.

CAPITULO 161 Opciones básicas del Lenguaje de Hoja de Estilo Extensible