Ejemplo de usar XSLT como hoja de estilo HTML

Este artículo presenta principalmente un ejemplo de cómo usar XSLT como hoja de estilo HTML. El código que se muestra en el artículo proporciona un enlace de descarga al final del texto completo. Si lo necesita, consulte la siguiente introducción

Cuando escuchas la palabra hojas de estilo, puedes pensar en las hojas de estilo CSS. Las hojas de estilo XSLT a menudo se usan para transformaciones XML, como mapear datos entre los servicios web. Debido a que XSLT es muy adecuado para este propósito, se crea el alias <XSL: Transform> para el elemento de nivel superior <Stylesheet>, aunque rara vez se usa. La estructura de entrada de esta conversión XSLT es muy diferente de la estructura de salida. Lo más importante, la diferencia en los espacios de nombres.

La estructura de entrada de una hoja de estilo XSLT es similar a la de una estructura de salida, pero es más simple. Algunos marcadores se han ampliado, pero la mayoría de ellos se copian a la salida tal como está. Los espacios de nombres de entrada y salida son los mismos (HTML). El documento de entrada también puede contener directivas de hoja de estilo (como la creación de notas al pie) que pertenecen a otro espacio de nombres y no se pasan a la salida.

Abreviaturas comunes

CSS: Hoja de estilo en cascada

XHTML: lenguaje de marcado de hipertexto extensible

XPATH: lenguaje de ruta XML

XSLT: Conversión de lenguaje de hoja de estilo extensible

En este artículo, aprenderemos cómo aumentar la documentación XHTML utilizando hojas de estilo XSLT. Los ejemplos en el artículo muestran cómo usar directivas, cómo hacer referencia a secciones de otros documentos fuente y cómo usar enlaces para navegar en el documento principal. Además, exploramos la diferencia entre interpretación y compilación de páginas.

Limitaciones de las hojas de estilo CSS

Las hojas de estilo XSLT no le impiden usar otras tecnologías, como JavaScript o CSS. CSS es adecuado para fuentes, audaces, colores, espaciado, etc. No es adecuado para combinar información de diferentes ubicaciones, como notas al pie, módulos o generar un directorio. Aquí es donde entra XSLT, se complementa en lugar de reemplazar CSS.

Ejemplos de uso de XSLT

De hecho, puede centralizar el código XSLT en un archivo. Para simplificar, cada ejemplo en este artículo se encuentra en un archivo XSLT separado, excepto por algún código necesario. El Listado 1 proporciona el código requerido.