Cómo mostrar XML en una página web usando CSS

click fraud protection

Si está familiarizado con cómo CSS estilos HTML páginas, apreciará el concepto de formato. Al inicio de la XML lenguaje de marcado, mostrar datos era un poco complicado, pero eso cambió con las hojas de estilo.

Al agregar una referencia de hoja de estilo, puede formatear y mostrar su código XML como una página web. Sin CSS o algún otro formato, XML aparece como texto básico con un error que indica que el navegador no pudo encontrar un documento de formato.

Estilo XML

Una hoja de estilo simple solo requiere que enumere el elemento y los atributos de formato necesarios para mostrar los datos.

La primera línea del archivo de formato es el elemento raíz. Los atributos de la raíz se aplican a toda la página, pero los cambia para cada etiqueta. Esto significa que puede designar el color de fondo de la página y luego nuevamente para cada sección.

Guarde su archivo en el mismo directorio que su archivo XML y asegúrese de que tenga la extensión de archivo .CSS.

Enlace al CSS desde XML

En este punto, estos son dos documentos completamente separados. El procesador no tiene idea de que desea que funcionen juntos para

instagram viewer
crear una página web.

Puede solucionar este problema agregando una declaración en la parte superior del documento XML que identifica la ruta al archivo CSS. La declaración va directamente debajo de la declaración de declaración XML inicial.

instagram story viewer