Ako zobraziť XML na webovej stránke pomocou CSS

click fraud protection

Ak ste oboznámení s tým, ako CSS štýly HTML stránok oceníte koncept formátovania. Na začiatku XML značkovací jazyk, bolo zobrazovanie údajov trochu komplikované, ale to sa zmenilo pri štýloch.

Pridaním odkazu na šablónu štýlov môžete formátovať a zobraziť svoj kód XML ako webovú stránku. Bez CSS alebo iného formátovania sa XML javí ako základný text s chybou, ktorá uvádza, že prehliadač nenašiel dokument na formátovanie.

Styling XML

Jednoduchá šablóna štýlov vyžaduje iba zoznam prvkov a atribútov formátovania potrebných na zobrazenie údajov.

Prvý riadok formátovacieho súboru je koreňový prvok. Atribúty pre koreň sa vzťahujú na celú stránku, môžete ich však zmeniť pre každú značku. To znamená, že môžete určiť farbu pozadia pre stránku a potom znova pre každú sekciu.

Uložte súbor do rovnakého adresára ako váš súbor XML a uistite sa, že má príponu .CSS.

Odkaz na CSS z XML

V tomto okamihu ide o dva úplne samostatné dokumenty. Procesor vôbec netuší, že chcete, aby spolupracovali vytvoriť webovú stránku.

instagram viewer

Môžete to opraviť pridaním vyhlásenia na začiatok dokumentu XML, ktoré identifikuje cestu k súboru CSS. Príkaz ide priamo pod úvodný príkaz vyhlásenia XML.

instagram story viewer