Jak wyświetlić XML na stronie internetowej za pomocą CSS

click fraud protection

Jeśli wiesz, jak to zrobić CSS style HTML stron, docenisz koncepcję formatowania. Na początku XML język znaczników, wyświetlanie danych było nieco skomplikowane, ale zmieniło się to wraz z arkuszami stylów.

Dodając odwołanie do arkusza stylów, możesz formatować i wyświetlać kod XML jako stronę internetową. Bez CSS lub innego formatowania XML pojawia się jako podstawowy tekst z błędem informującym, że przeglądarka nie może znaleźć dokumentu formatującego.

Stylizacja XML

Prosty arkusz stylów wymaga jedynie podania elementu i atrybutów formatowania niezbędnych do wyświetlenia danych.

Pierwszy wiersz pliku formatującego to element główny. Atrybuty katalogu głównego dotyczą całej strony, ale zmieniasz je dla każdego tagu. Oznacza to, że możesz wyznaczyć kolor tła strony, a następnie ponownie dla każdej sekcji.

Zapisz plik w tym samym katalogu co plik XML i upewnij się, że ma rozszerzenie pliku .CSS.

Link do CSS z XML

W tym momencie są to dwa całkowicie odrębne dokumenty. Procesor nie ma pojęcia, że ​​chcesz, aby ze sobą współpracowały utwórz stronę internetową.

instagram viewer

Możesz to naprawić, dodając na górze dokumentu XML instrukcję, która określa ścieżkę do pliku CSS. Instrukcja znajduje się bezpośrednio pod początkową deklaracją XML.

instagram story viewer