ubiquitour.com

Cómo usar CSS para marcado XML

Cómo usar CSS para marcado XML

XML es el lenguaje principal para almacenar y transportar datos en Internet. XML no está diseñado para visualización de datos y XML no es HTML. En cambio, XML se centra en los datos y permite a los desarrolladores a crear sus propias etiquetas que tienen significados específicos de aplicación. Si XML crudo debe mostrarse de una manera fácil de usar, como en una página Web o como parte de un diseño Web, los desarrolladores pueden usar CSS para dar formato al XML con etiquetas personalizadas empleando los mismos procedimientos que los utilizados al estilo HTML.

Instrucciones

Crear el archivo XML

1 Abra un editor de texto y cree un nuevo archivo de texto llamado "family.xml." Por lo general, para crear un nuevo archivo en un editor de texto, seleccione "Nuevo" del menú "Archivo".

2 Agregue la declaración XML al archivo de la primera línea. Este encabezado define el archivo de la versión XML ("1.0") y codificación ("ISO-8859-1" (Latin-1/West European conjunto de caracteres)).

<? xml version = "1,0" encoding = "ISO-8859-1"? >

3 Añadir el nodo "raíz" a family.xml a continuación de la declaración XML. Desde el archivo XML contendrá información relacionada con una familia, use un nodo de la raíz "familia de < >" y cerrar el nodo raíz ("< / familia >").

familia de < >

< / familia >

4 Añadir tres nodos "hijos" a family.xml entre "< familia >" y "< / familia >" etiquetas de nodo de raíz. Incluyen tres nodos de "subchild" con cada nodo "hijo del < >": "< nombre >", "edad de < >" y "< eyecolor >." Asegúrese de cerrar todos los niños y cada nodo subchild. Guarde y cierre family.xml.

< niño >

< nombre > Bobby < / nombre >

< 15 años de edad > < / edad >

azul < eyecolor > < / eyecolor >

< / niño >

< niño >

< nombre > María < / nombre >

< 10 años > < / edad >

marrón de < eyecolor > < / eyecolor >

< / niño >

< niño >

< nombre > Susan < / nombre >

< 5 años de edad > < / edad >

gris de < eyecolor > < / eyecolor >

< / niño >

Crear el archivo CSS

5 Crear un nuevo archivo de texto llamado "family.css" utilizando los mismos procedimientos que los utilizados para crear "family.xml." Este archivo se utilizará estilo XML creado en family.xml.

6 Agregue el estilo para el nodo de "root", o el nodo de "familia de < >". Este estilo afecta a todos los elementos incluidos en el nodo de "familia de < >". Definir el estilo a la "fuente-familia: serif."

familia {font-familia: serif}

7 Agregue el estilo para el nodo "hijo", o el nodo "< niño del >". Este estilo afecta todos los elementos incluidos en los nodos "hijos del < >". Definir el estilo a la "fuente-tamaño: x-grande."

niño {font-tamaño: x-grande}

8 Agregar los nodos "hijo" y tres estilos para los nodos de "subchild" o el "nombre", "la edad". Todos los nodos de "nombre" deben tener un estilo de "color: azul," todos la "edad" de los nodos deben tener un estilo de "color: verde" y todos los nodos "eyecolor" deben tener un estilo de: "rojo." Estos estilos afectan a todos los elementos incluidos en los nodos de "nombre", los nodos de "edad" y los nodos "eyecolor". Guarde y cierre family.css.

nombre {color: blue}

edad {color: green}

eyecolor {color: red}

Asociar el XML con CSS

9 Abrir el family.xml con el editor de texto.

10 Edite family.xml y añada la declaración de hoja de estilo después de la declaración XML. La declaración de hoja de estilo incluye dos atributos: "tipo" ("text/css") y "href" ("family.css"). Guarde y cierre family.xml.

<? xml-stylesheet tipo = "text/css" href="family.css"? >

11 Abra family.xml en un explorador Web. Verificar que los datos XML está decorados según las reglas descritas en la hoja de estilos family.css.

Consejos y advertencias

  • Todos los archivos XML deben contener un elemento raíz.
  • Las etiquetas XML distinguen mayúsculas y minúsculas, así que un nodo llamado "nodo" es diferente de un nodo denominado "Nodo."
  • XSLT se puede utilizar en formato XML en situaciones donde se requieren transformaciones.
  • Todos los archivos de XML deben estar anidados correctamente. Asegúrese de que cada etiqueta XML abierto tiene un cierre correspondiente etiqueta XML y que etiquetas de singleton se cierran correctamente utilizando el carácter "/".