Estilització de documents XML amb CSS

Feu el vostre aspecte XML com ho voleu fer amb fulls d'estil en cascada

Crear un document XML, escriure la DTD i analitzar-lo amb un navegador està ben, però, com es mostrarà el document quan ho vegeu? XML no és un llenguatge de visualització. De fet, els documents escrits amb XML no tindran cap format.

Llavors, com puc veure el meu XML?

La clau per visualitzar XML en un navegador és Fulls d'estil en cascada. Els fulls d'estil us permeten definir tots els aspectes del vostre document XML, des de la mida i el color del text fins al fons i la posició dels vostres objectes que no són de text.

Digueu que teniu un document XML:

]> Judy Layard Jennifer Brendan

Si fossis a veure aquest document en un navegador preparat per a XML, com ara Internet Explorer, mostraríeu alguna cosa així:

Judy Layard Jennifer Brendan

Però, què passa si voleu diferenciar entre els elements primaris i secundaris? O fins i tot feu una distinció visual entre tots els elements del document. No podeu fer això amb XML, i no és un idioma que s'utilitzarà per mostrar.

Però per sort, és fàcil utilitzar fulls d'estil en cascada , o CSS, en documents XML per definir com voleu que aquests documents i aplicacions es mostrin quan es vegi en un navegador. Per al document anterior, podeu definir l'estil de cadascuna de les etiquetes de la mateixa manera que un document HTML.

Per exemple, en HTML, podeu definir tot el text dins de les etiquetes de paràgraf (

) amb la cara de font Verdana, Ginebra o Helvetica i el color verd de fons. Per definir-lo en un full d'estils perquè tots els paràgrafs siguin com aquest, escriviu:

p {font-family: verdana, ginebra, helvetica; color de fons: # 00ff00; }

Les mateixes regles funcionen per als documents XML. Cada etiqueta en XML es pot definir en el document XML:

família {color: # 000000; ;) parent {font-family: Arial Black; color: # ff0000; frontera: 5px sòlid; ample: 300px; } fill {font-family: verdana, helvetica; color: # cc0000; frontera: 5px sòlid; color de la vora: # cc0000; }

Un cop hàgiu escrit el vostre document XML i el full d'estils , heu d'agrupar-los. De manera semblant a l'ordre d'enllaç en HTML, posa una línia a la part superior del document XML (per sota de la declaració XML), indicant a l'analitzador XML on trobar el full d'estils. Per exemple:

Com he dit anteriorment, aquesta línia s'hauria de trobar per sota de la declaració , Però abans de qualsevol dels elements del document XML.

Tot plegat, el vostre document XML podria llegir:

< ! ELEMENT child (#PCDATA)>]> Judy Layard Jennifer Brendan