Jak stylizować dokumenty XML za pomocą CSS

click fraud protection

Tworzenie dokumentu XML, pisanie DTD i analizowanie go za pomocą przeglądarki jest w porządku, ale jak dokument będzie wyświetlany podczas przeglądania? XML nie jest językiem prezentacji. Dokumenty napisane w XML nie będą miały żadnego formatowania.

Jak przeglądać XML

Kluczem do przeglądania XML w przeglądarce są Kaskadowe Arkusze Stylów. Arkusze stylów umożliwiają zdefiniowanie każdego aspektu dokumentu XML, od rozmiaru i koloru tekstu po tło i położenie obiektów nietekstowych.

Załóżmy, że masz dokument XML:


]>
Judy
Layard
Jennifer
Brendan

Gdybyś miał wyświetlić ten dokument w przeglądarce obsługującej XML, takiej jak Internet Explorer, wyświetliłoby się coś takiego:

Judy Layard Jennifer Brendan

Ale co, jeśli chcesz rozróżnić elementy nadrzędne i podrzędne? Lub nawet dokonaj wizualnego rozróżnienia między wszystkimi elementami w dokumencie. Nie możesz tego zrobić za pomocą XML i nie jest to język, który ma być używany do wyświetlania.

Stylizacja XML

Ale na szczęście jest łatwy w użyciu

instagram viewer
Kaskadowe arkusze stylów, lub CSS, w dokumentach XML, aby zdefiniować sposób wyświetlania tych dokumentów i aplikacji podczas przeglądania w przeglądarce. W powyższym dokumencie możesz zdefiniować styl każdego z tagów w taki sam sposób, jak w przypadku dokumentu HTML.

Na przykład w języku HTML możesz chcieć zdefiniować cały tekst w znacznikach akapitu (

p {
rodzina czcionek: verdana, genewa, helvetica;
kolor tła: #00ff00;
}

Te same zasady działają w przypadku dokumentów XML. Każdy znacznik w XML można zdefiniować w dokumencie XML:

rodzina {
kolor: #000000;
}
rodzic {
rodzina czcionek: Arial Black;
kolor: #ff0000;
obramowanie: pełne 5px;
szerokość: 300px;
}
dziecko {
rodzina czcionek: verdana, helvetica;
kolor: #cc0000;
obramowanie: pełne 5px;
kolor obramowania: #cc0000;
}

Kiedy już masz dokument XML i arkusz stylów, musisz je połączyć. Podobnie do polecenia link w HTML, umieszczasz linię na górze dokumentu XML (pod deklaracją XML), informując parser XML, gdzie znaleźć arkusz stylów. Na przykład:


Jak wspomniano powyżej, wiersz ten powinien znajdować się pod deklaracją, ale przed jakimkolwiek elementem w dokumencie XML.

Łącząc to wszystko razem, twój dokument XML mógłby przeczytać:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer