Criar um documento XML, escrever o DTD e analisá-lo com um navegador está tudo bem, mas como o documento será exibido quando você o visualizar? XML não é uma linguagem de exibição. De fato, documentos escritos com XML não terão formatação alguma.
Então, como vejo meu XML?
A chave para visualizar XML em um navegador é Cascading Style Sheets. As folhas de estilo permitem que você defina todos os aspectos do documento XML, desde o tamanho e a cor do texto até o fundo e a posição dos objetos que não são de texto.
Digamos que você tenha um documento XML:
>
Se você visualizasse esse documento em um navegador pronto para XML, como o Internet Explorer, ele exibiria algo assim:
Judy Layard Jennifer Brendan
Mas e se você quisesse diferenciar entre os elementos pai e filho? Ou até mesmo fazer uma distinção visual entre todos os elementos do documento. Você não pode fazer isso com XML e não é um idioma que deve ser usado para exibição.
Mas, por sorte, é fácil usar o Cascading Style Sheets, ou CSS, em documentos XML para definir como você deseja que esses documentos e aplicativos sejam exibidos quando visualizados em um navegador. Para o documento acima, você pode definir o estilo de cada uma das tags da mesma forma que faria com um documento HTML.
Por exemplo, em HTML, talvez você queira definir todo o texto dentro de tags de parágrafo () com a face de fonte Verdana, Geneva ou Helvetica e a cor de plano de fundo verde. Para definir isso em uma folha de estilo para que todos os parágrafos sejam assim, você escreveria:
p {
font-family: verdana, genebra, helvetica;
cor de fundo: # 00ff00;
}
As mesmas regras funcionam para documentos XML. Cada tag em XML pode ser definida no documento XML:
familia {
cor: # 000000;
}
pai {
fonte-família: Arial Black;
cor: # ff0000;
borda: 5px sólido;
largura: 300px;
}
criança {
font-family: verdana, helvetica;
cor: # cc0000;
borda: 5px sólido;
border-color: # cc0000;
}
Depois que você tiver seu documento XML e sua folha de estilo estiver escrita, será necessário colocá-los juntos. Semelhante ao comando link em HTML, você coloca uma linha no topo do seu documento XML (abaixo da declaração XML), informando ao analisador XML onde encontrar a folha de estilo. Por exemplo:
Como dito acima, esta linha deve ser encontrada abaixo da declaração <? Xml?>, Mas antes de qualquer um dos elementos no documento XML.
Juntando tudo, seu documento XML seria:
>
