Estilización de documentos XML con CSS

Estilización de documentos XML con CSS

Estilización de documentos XML con CSS

VALORACIÓN DEL ARTÍCULO:
5/5


Crear un documento XML, escribir el DTD y analizarlo con un navegador está bien, pero ¿cómo se mostrará el documento cuando lo vea? XML no es un lenguaje de visualización. De hecho, los documentos escritos con XML no tendrán formato alguno.

Entonces, ¿cómo veo mi XML?

La clave para ver XML en un navegador son las Hojas de Estilo en Cascada. Las hojas de estilo le permiten definir cada aspecto de su documento XML, desde el tamaño y el color de su texto hasta el fondo y la posición de sus objetos no textuales.

Digamos que tienes un documento XML:

 
 
  
  
 
 
  
  /parent>/parent>
 Layard/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Niño/Padre/Padre/Padre/Padre/Niño/Padre/Padre/Padre/Padre/Niño/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre

Si tuviera que ver ese documento en un navegador preparado para XML, como Internet Explorer, mostraría algo como esto:

Judy Layard Jennifer Brendan

Pero, ¿y si quisieras diferenciar entre los elementos padre e hijo? O incluso hacer una distinción visual entre todos los elementos del documento. No se puede hacer eso con XML, y no es un lenguaje que deba utilizarse para la visualización.

Pero afortunadamente, es fácil usar Hojas de Estilo en Cascada, o CSS, en documentos XML para definir cómo quiere que se muestren esos documentos y aplicaciones cuando se visualizan en un navegador. Para el documento anterior, puede definir el estilo de cada una de las etiquetas de la misma manera en que lo haría con un documento HTML.

Por ejemplo, en HTML puede definir todo el texto dentro de las etiquetas de párrafo (

/p>) con la fuente Verdana, Ginebra, o Helvetica y el color de fondo verde. Para definir eso en una hoja de estilo de modo que todos los párrafos sean así, usted escribiría:

Pre>p {

 
 font-family : verdana, geneva, helvetica;
 background-color : #00ff00;
 }

Las mismas reglas funcionan para los documentos XML. Cada etiqueta en XML se puede definir en el documento XML:

familia {

 color : #000000;
 }
 parent {
 font-family : Arial Black;
 color : #ff0000;
 border : solid 5px;
 width : 300px;
 }
 child {
 font-family : verdana, helvetica;
 color : #cc0000;
 border : sólido 5px;
 border-color : #cc0000;
 }

Una vez que tenga su documento XML y su hoja de estilo esté escrita, necesita juntarlos. Similar al comando de enlace en HTML, usted pone una línea en la parte superior de su documento XML (debajo de la declaración XML), diciéndole al analizador XML dónde encontrar la hoja de estilos. Por ejemplo:

Como se ha indicado anteriormente, esta línea se encuentra debajo de la declaración pero antes de cualquiera de los elementos del documento XML.

Poniéndolo todo junto, su documento XML se leería:

 
 
 
  
  
  
 
 
  
  /parent>/parent>
 Layard/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Niño/Padre/Padre/Padre/Padre/Niño/Padre/Padre/Padre/Padre/Niño/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre/Padre

Deja un comentario

TAMBIÉN TE INTERESA

veentajas-del-marketplace

Ventajas de los marketplaces en plena escalada de precios

Si vendes productos por la web, deberías apostar por los marketplaces, aún en un momento de inflación alta, en plena escalada de precios. La economía se encuentra en un momento difícil: agosto cerró con una tasa de inflación superior a los dos dígitos (10,4%) por tercer mes consecutivo. La incertidumbre ante el invierno impulsa a

OPPO-Reno8-5G

Ya a la venta los nuevos teléfonos OPPO Reno8

OPPO Reno8 es una realidad ya en Europa. La marca hizo una presentación en París para dar a conocer los nuevos productos que llegan directamente al mercado para sumar una feroz competencia. Y es que en pocos años en el mercado del viejo continente, OPPO se ha hecho un hueco importante en el consumidor.  

batería-portátil-DELTA-2

Esta batería portátil es top y acaba de salir a la venta

Tener una batería portátil puede darnos mucha versatilidad para nuestras actividades tanto dentro como fuera de casa. Usamos muchos dispositivos a diario y todos ellos requiere de energía eléctrica para trabajar, por lo que una herramienta que nos aporte dicha energía puede venirnos muy bien en caso de apagones o proyectos en el exterior. EcoFlow,

GoPro-HERO11

GoPro HERO11 Black: las nuevas cámaras para los creadores de contenido

La conocida marca de videocámaras GoPro ha lanzando tres nuevas especialmente concebidas para creadores. GoPro HERO11 llega en tres modelos para satisfacer las necesidades de todo tipo de perfiles y creadores de contenidos.   Índice de contenidos1 El sensor de mayor resolución hasta la fecha2 Las tres cámaras GoPro HERO112.1 Principales tecnologías en las tres

camara-motorola-edge-30-ultra

¿200 megapíxeles? Sí, es lo que tiene el nuevo motorola edge 30 ultra

El furor por los megapíxeles parece estar de vuelta en la fotografía de los smartphones, si bien hay expertos que mantienen que más MP no quiere decir que resulte en mejores fotografías. El nuevo motorola edge Ultra llega al mercado con una barbaridad inédita en el mundo de la telefonía. Cabe destacar también que otras