Aby przeglądać dane XML jako część strony internetowej, możesz użyć XSLT; przeglądarki same w sobie nie zapewniają takiej możliwości.
XML to język używany do strukturyzowania, przechowywania i wymiany danych. XSLT to kolejny język, który umożliwia przekształcanie danych XML do innych formatów, takich jak HTML.
Możesz użyć XSLT do wyświetlania danych XML na stronie internetowej HTML. Używanie formatu XML i XSLT do wyświetlania danych może być przydatne, ponieważ umożliwia uporządkowanie danych w sposób, który ma sens dla określonych potrzeb.
Jak dodać przykładowe dane do pliku XML
Aby wyświetlić dane XML na stronie internetowej, należy najpierw utworzyć plik XML i dodać do niego dane.
- Utwórz nowy plik o nazwie dane.xml.
- W pliku XML zadeklaruj kodowanie i wersję XML:
1.0 UTF-8?> - Połącz plik XML z plikiem arkusza stylów XSL, który utworzysz w późniejszym kroku.
tekst/xsl xmlstylesheet.xsl?> - Dodaj dane do pliku XML. XML zawiera dane strukturalne i przechowuje każdy punkt danych w oddzielnym znaczniku. Ten przykład zawiera tag główny o nazwie Gry. W środku Gry tag, przechowuj każdą pojedynczą grę w jej własnej gra etykietka. Przechowuj dane dla każdej gry, takie jak nazwa I deweloper w osobnych tagach.
1.0 UTF-8?>
tekst/xsl xmlstylesheet.xsl?>
<Gry>
<gra>
<nazwa>Ostatni z nas część IInazwa>
<deweloper>Niegrzeczny piesdeweloper>
gra>
<gra>
<nazwa>Duch Tsushimynazwa>
<deweloper>Produkcja Sucker Punchdeweloper>
gra>
<gra>
<nazwa>Death Strandingnazwa>
<deweloper>Produkcja Kojimydeweloper>
gra>
Gry>
Jak używać XSLT do odczytu danych z pliku XML
Utwórz nowy plik XSL, aby przejść przez każdy punkt danych na stronie XML i wyświetlić dane.
- W tym samym folderze co plik XML utwórz nowy plik o nazwie xmlstylesheet.xsl.
- Wewnątrz pliku zadeklaruj wersję XSL i dodaj podstawową strukturę tagów XSL:
1.0 UTF-8?>
<xsl: arkusz stylówwersja="1.0"xmlns: xsl=" http://www.w3.org/1999/XSL/Transform">
// Twój kod tutaj
xsl: arkusz stylów> - Wewnątrz głównego znacznika XSL dodaj a szablon etykietka. W tym miejscu możesz dodać niestandardowy kod HTML, aby wyświetlać i stylizować dane XML.
<xsl: szablonmecz="/">
<HTML>
<ciało>
// Twój kod HTML tutaj
ciało>
HTML>
xsl: szablon> - Wewnątrz tagu body użyj xsl: dla-każdego selektor tagów. Będzie to działać jak pętla for, aby przejść przez każdy z nich gra tag zagnieżdżony pod Gry etykietka.
<xsl: dla-każdegowybierać=„gry/gra”>
xsl: dla-każdego> - Wewnątrz pętli for-each wyświetl nazwę i punkty danych programisty, używając metody xsl: wartość-z selektor tagów.
<xsl: wartość-zwybierać="nazwa" />
<xsl: wartość-zwybierać="deweloper" />
Jak wyświetlić dane na stronie HTML
Nie będzie można otworzyć pliku XSLT lub XML bezpośrednio w przeglądarce, aby wyświetlić dane jako część strony internetowej. Utwórz nowy plik HTML i wyrenderuj dane za pomocą pliku element iframe etykietka.
- W tym samym folderze, co pliki XML i XSL, utwórz nowy plik o nazwie indeks.html.
- Dodaj podstawową strukturę pliku HTML. Jeśli wcześniej nie używałeś HTML, możesz odświeżyć wstępne koncepcje HTML.
HTML>
<HTML>
<głowa>
<tytuł>Przykład XML i XSLTtytuł>
głowa>
<ciało>
ciało>
HTML> - W środku ciało tag, użyj an element iframe tag do połączenia z plikiem XML i plikiem XSL:
<h1>Przykład XML i XSLTh1>
<P>Następująca treść jest generowana z pliku XML:P>
<element iframeźródło="dane.xml"xslt="xmlstylesheet.xsl">element iframe> - Utwórz nowy plik o nazwie style.css.
- Wewnątrz pliku dodaj kod CSS, aby nadać styl swojej stronie internetowej. Możesz modyfikować swój CSS za pomocą innych interesujących Wskazówki i sztuczki CSS.
html,
ciało {
wzrost: 100%;
margines: 0;
}ciało {
wyświetlacz: elastyczny;
justify-content: środek;
elementy wyrównania: środek;
kierunek zginania: kolumna;
}P {
margines-dolny: 24px;
} - Połącz swój plik HTML ze stylem CSS, dodając następujący element do tagu head HTML.
<połączyćrel=„arkusz stylów”href="style.css"> - Otwórz plik HTML za pomocą przeglądarki, aby wyświetlić dane XML. Niektóre przeglądarki nie obsługują XSLT, ale niektóre przeglądarki, takie jak Firefox, obsługują.
Wyświetl dane na stronach HTML
Istnieje wiele sposobów wyświetlania danych na stronach HTML, a XML i XSLT są jednymi z nich. Zachęcamy do zapoznania się z innymi sposobami, w jakie można to zrobić, takimi jak przechowywanie i wyświetlanie danych wprowadzonych przez użytkownika przy użyciu języka JavaScript.