Da biste vidjeli XML podatke kao dio web stranice, možete koristiti XSLT; preglednici ne pružaju ovu mogućnost sami.
XML je jezik koji se koristi za strukturiranje, pohranu i razmjenu podataka. XSLT je još jedan jezik koji vam omogućuje transformaciju vaših XML podataka u druge formate, kao što je HTML.
XSLT možete koristiti za prikaz XML podataka na HTML web stranici. Korištenje XML-a i XSLT-a za prikaz vaših podataka može biti korisno jer vam omogućuje strukturiranje podataka na način koji ima smisla za vaše specifične potrebe.
Kako dodati ogledne podatke u XML datoteku
Da biste prikazali XML podatke na web-stranici, prvo morate stvoriti XML datoteku i dodati joj podatke.
- Napravite novu datoteku pod nazivom podaci.xml.
- Unutar XML datoteke, deklarirajte kodiranje i XML verziju:
1.0 UTF-8?> - Povežite XML datoteku s datotekom XSL stilske tablice koju ćete izraditi u kasnijem koraku.
tekst/xsl xmlstylesheet.xsl?> - Dodajte podatke u XML datoteku. XML sadrži strukturirane podatke i pohranjuje svaku podatkovnu točku u zasebnu oznaku. Ovaj primjer uključuje korijensku oznaku tzv igre. Unutar igre tag, pohranjujte svaku pojedinačnu igru u vlastitu igra označiti. Pohranjujte podatke za svaku igru kao što je Ime i programer u zasebnim oznakama.
1.0 UTF-8?>
tekst/xsl xmlstylesheet.xsl?>
<igre>
<igra>
<Ime>Posljednji od nas II dioIme>
<programer>Zločesti pasprogramer>
igra>
<igra>
<Ime>Duh TsushimeIme>
<programer>Sucker Punch Productionsprogramer>
igra>
<igra>
<Ime>Death StrandingIme>
<programer>Kojima produkcijaprogramer>
igra>
igre>
Kako koristiti XSLT za čitanje podataka iz XML datoteke
Stvorite novu XSL datoteku za prolazak kroz svaku podatkovnu točku na XML stranici i prikaz podataka.
- U istoj mapi u kojoj je vaša XML datoteka, stvorite novu datoteku pod nazivom xmlstylesheet.xsl.
- Unutar datoteke deklarirajte XSL verziju i dodajte osnovnu strukturu XSL oznake:
1.0 UTF-8?>
<xsl: tablica stilovaverzija="1.0"xmlns: xsl=" http://www.w3.org/1999/XSL/Transform">
// Vaš kod ovdje
xsl: tablica stilova> - Unutar glavne XSL oznake dodajte a šablona označiti. Ovo je mjesto gdje možete dodati prilagođeni HTML kod za prikaz i stil vaših XML podataka.
<xsl: predložakodgovarati="/">
<html>
<tijelo>
// Vaš HTML kod ovdje
tijelo>
html>
xsl: predložak> - Unutar oznake tijela upotrijebite xsl: za-svakog selektor oznaka. Ovo će djelovati kao for-petlja za prolazak kroz svaki igra oznaka ugniježđena ispod igre označiti.
<xsl: za-svakogIzaberi="igre/igra">
xsl: za-svakog> - Unutar for-each petlje, prikažite ime i podatkovne točke razvojnog programera, koristeći xsl: vrijednost-od selektor oznaka.
<xsl: vrijednost-odIzaberi="Ime" />
<xsl: vrijednost-odIzaberi="programer" />
Kako prikazati podatke na HTML web stranici
Nećete moći otvoriti XSLT ili XML datoteku izravno u pregledniku da biste vidjeli podatke kao dio web stranice. Stvorite novu HTML datoteku i generirajte podatke pomoću iframe označiti.
- U istoj mapi u kojoj su vaše XML i XSL datoteke, stvorite novu datoteku pod nazivom index.html.
- Dodajte osnovnu strukturu HTML datoteke. Ako prije niste koristili HTML, možete se osvježiti uvodni HTML pojmovi.
html>
<html>
<glava>
<titula>Primjer XML i XSLTtitula>
glava>
<tijelo>
tijelo>
html> - Unutar tijelo oznaka, koristite an iframe oznaka za povezivanje s XML datotekom i XSL datotekom:
<h1>Primjer XML i XSLTh1>
<str>Sljedeći sadržaj generiran je iz XML datoteke:str>
<iframesrc="podaci.xml"xslt="xmlstylesheet.xsl">iframe> - Napravite novu datoteku pod nazivom stilovi.css.
- Unutar datoteke dodajte malo CSS-a da biste stilizirali svoju web stranicu. Slobodno izmijenite svoj CSS koristeći druge zanimljive CSS savjeti i trikovi.
html,
tijelo {
visina: 100%;
margina: 0;
}tijelo {
zaslon: savitljiv;
justify-content: centar;
align-items: center;
smjer savijanja: stupac;
}p {
margina-dno: 24px;
} - Povežite svoju HTML datoteku s CSS stilom dodavanjem sljedećeg u oznaku HTML head.
<vezarel="list stilova"href="styles.css"> - Otvorite svoju HTML datoteku pomoću preglednika da biste vidjeli svoje XML podatke. Neki preglednici ne podržavaju XSLT, ali neki preglednici poput Firefoxa podržavaju.
Prikaz podataka u HTML web stranicama
Postoji mnogo načina za prikaz podataka na HTML web stranicama, a XML i XSLT su jedni od njih. Slobodno istražite druge načine na koje to možete učiniti, poput pohranjivanja i prikazivanja korisničkog unosa pomoću JavaScripta.
