Jak stylizować dokumenty XML za pomocą CSS

Boskampi/Pixabay/Creative Commons

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:

|_+_|

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

|_+_|

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 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 (

|_+_|

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

|_+_|

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ć:

|_+_|