Exemplo de usar o XSLT como folha de estilo HTML

Este artigo apresenta principalmente um exemplo de como usar o XSLT como folha de estilo HTML. O código mostrado no artigo fornece um link de download no final do texto completo. Se você precisar, consulte a seguinte introdução

Quando você ouve a folha de estilo de palavra, você pode pensar nas folhas de estilo CSS. As folhas de estilo XSLT são frequentemente usadas para transformações XML, como o mapeamento de dados entre os serviços da Web. Como o XSLT é muito adequado para esse fim, o alias <xsl: transform> para o elemento de nível superior <Sheet> é criado, embora isso raramente seja usado. A estrutura de entrada desta conversão XSLT é muito diferente da estrutura de saída. Mais importante ainda, a diferença nos namespaces.

A estrutura de entrada de uma folha de estilo XSLT é semelhante à de uma estrutura de saída, mas é mais simples. Alguns marcadores foram expandidos, mas a maioria deles é copiada para a saída como está. Os namespaces de entrada e saída são os mesmos (html). O documento de entrada também pode conter diretrizes da folha de estilo (como a criação de notas de rodapé) que pertencem a outro espaço de nome e não são passadas para a saída.

Abreviações comuns

CSS: folha de estilo em cascata

XHTML: linguagem de marcação de hipertexto extensível

XPath: XML Path Language

XSLT: Conversão de linguagem de folha de estilo extensível

Neste artigo, aprenderemos a aumentar a documentação XHTML usando as folhas de estilo XSLT. Os exemplos do artigo mostram como usar as diretivas, como fazer referência a seções de outros documentos de origem e como usar links para navegar no documento principal. Além disso, exploramos a diferença entre interpretação e compilação de páginas.

Limitações das folhas de estilo CSS

As folhas de estilo XSLT não impedem que você use outras tecnologias, como JavaScript ou CSS. O CSS é adequado para fontes, ousados, cores, espaçamento, etc. Não é adequado para combinar informações de diferentes locais, como notas de rodapé, módulos ou geração de um diretório. É aqui que o XSLT entra, ele complementa em vez de substituir o CSS.

Exemplos de uso XSLT

De fato, você pode centralizar o código XSLT em um arquivo. Por simplicidade, cada exemplo deste artigo está localizado em um arquivo XSLT separado, exceto por algum código necessário. A Listagem 1 fornece o código necessário.