Če si želite ogledati podatke XML kot del spletne strani, lahko uporabite XSLT; brskalniki te zmožnosti ne zagotavljajo sami.
XML je jezik, ki se uporablja za strukturiranje, shranjevanje in izmenjavo podatkov. XSLT je še en jezik, ki omogoča pretvorbo vaših podatkov XML v druge formate, kot je HTML.
XSLT lahko uporabite za prikaz podatkov XML na spletni strani HTML. Uporaba XML in XSLT za prikaz vaših podatkov je lahko koristna, saj vam omogoča strukturiranje podatkov na način, ki je smiseln za vaše specifične potrebe.
Kako dodati vzorčne podatke v datoteko XML
Za prikaz podatkov XML na spletni strani morate najprej ustvariti datoteko XML in ji dodati podatke.
- Ustvari novo datoteko z imenom podatki.xml.
- Znotraj datoteke XML navedite kodiranje in različico XML:
1.0 UTF-8?> - Povežite datoteko XML z datoteko s slogovno datoteko XSL, ki jo boste ustvarili v poznejšem koraku.
besedilo/xsl xmlstylesheet.xsl?> - Dodajte podatke v datoteko XML. XML vsebuje strukturirane podatke in shrani vsako podatkovno točko v ločeno oznako. Ta primer vključuje korensko oznako, imenovano igre. Znotraj igre tag, shranite vsako posamezno igro v svoje igra oznaka. Shranite podatke za vsako igro, kot je ime in razvijalec v ločenih oznakah.
1.0 UTF-8?>
besedilo/xsl xmlstylesheet.xsl?>
<igre>
<igra>
<ime>Zadnji izmed nas, II. delime>
<razvijalec>Poreden pesrazvijalec>
igra>
<igra>
<ime>Duh Tsushimeime>
<razvijalec>Sucker Punch Productionsrazvijalec>
igra>
<igra>
<ime>Death Strandingime>
<razvijalec>Kojima Productionsrazvijalec>
igra>
igre>
Kako uporabljati XSLT za branje podatkov iz datoteke XML
Ustvarite novo datoteko XSL za pomik skozi vsako podatkovno točko na strani XML in prikaz podatkov.
- V isti mapi kot vaša datoteka XML ustvarite novo datoteko z imenom xmlstylesheet.xsl.
- Znotraj datoteke deklarirajte različico XSL in dodajte osnovno strukturo oznake XSL:
1.0 UTF-8?>
<xsl: slogovna tabelarazličica="1.0"xmlns: xsl=" http://www.w3.org/1999/XSL/Transform">
// Vaša koda tukaj
xsl: slogovna tabela> - Znotraj glavne oznake XSL dodajte a predlogo oznaka. Tukaj lahko dodate kodo HTML po meri za prikaz in oblikovanje vaših podatkov XML.
<xsl: predlogatekma="/">
<html>
<telo>
// Tukaj je vaša koda HTML
telo>
html>
xsl: predloga> - Znotraj oznake body uporabite xsl: za-vsakega izbirnik oznak. To bo delovalo kot for-zanka za zanko skozi vsakega igra oznako ugnezdeno pod igre oznaka.
<xsl: za-vsakegaizberite="igre/igra">
xsl: za-vsakega> - Znotraj zanke for-each prikažite ime in podatkovne točke razvijalca z uporabo xsl: vrednost-od izbirnik oznak.
<xsl: vrednost-odizberite="ime" />
<xsl: vrednost-odizberite="razvijalec" />
Kako prikazati podatke na spletni strani HTML
Datoteke XSLT ali XML ne boste mogli odpreti neposredno v brskalniku, da bi si ogledali podatke kot del spletne strani. Ustvarite novo datoteko HTML in upodabljajte podatke z uporabo iframe oznaka.
- V isti mapi kot datoteke XML in XSL ustvarite novo datoteko z imenom index.html.
- Dodajte osnovno strukturo datoteke HTML. Če še niste uporabljali HTML-ja, ga lahko osvežite uvodni koncepti HTML.
html>
<html>
<glavo>
<naslov>Primer XML in XSLTnaslov>
glavo>
<telo>
telo>
html> - Znotraj telo oznako, uporabite an iframe oznaka za povezavo do datoteke XML in datoteke XSL:
<h1>Primer XML in XSLTh1>
<str>Naslednja vsebina je ustvarjena iz datoteke XML:str>
<iframesrc="podatki.xml"xslt="xmlstylesheet.xsl">iframe> - Ustvari novo datoteko z imenom styles.css.
- Znotraj datoteke dodajte nekaj CSS za oblikovanje spletne strani. Prosto spremenite svoj CSS z drugimi zanimivimi Nasveti in triki CSS.
html,
telo {
višina: 100 %;
rob: 0;
}telo {
zaslon: flex;
justify-content: center;
align-items: center;
flex-direction: stolpec;
}p {
rob-spodaj: 24px;
} - Povežite svojo datoteko HTML s slogom CSS tako, da oznaki head HTML dodate naslednje.
<povezavarel="stylesheet"href="styles.css"> - Odprite datoteko HTML z brskalnikom, da si ogledate svoje podatke XML. Nekateri brskalniki ne podpirajo XSLT, nekateri brskalniki, kot je Firefox, pa podpirajo.
Prikaz podatkov na spletnih straneh HTML
Obstaja veliko načinov za prikaz podatkov na spletnih straneh HTML, XML in XSLT sta ena izmed njih. Prosto raziščite druge načine, kako lahko to storite, na primer shranjevanje in prikazovanje uporabniškega vnosa z uporabo JavaScripta.
