XML verilerini bir web sayfasının parçası olarak görüntülemek için XSLT'yi kullanabilirsiniz; tarayıcılar bu yeteneği kendi başlarına sağlamazlar.
XML, verileri yapılandırmak, depolamak ve değiş tokuş etmek için kullanılan bir dildir. XSLT, XML verilerinizi HTML gibi diğer biçimlere dönüştürmenizi sağlayan başka bir dildir.
Bir HTML web sayfasında XML verilerini görüntülemek için XSLT'yi kullanabilirsiniz. Verilerinizi görüntülemek için XML ve XSLT'yi kullanmak, verileri özel ihtiyaçlarınıza uygun bir şekilde yapılandırmanıza izin verdiği için yararlı olabilir.
Bir XML Dosyasına Örnek Veri Nasıl Eklenir?
XML verilerini bir web sayfasında görüntülemek için önce XML dosyasını oluşturmanız ve ona veri eklemeniz gerekir.
- adlı yeni bir dosya oluşturun. veri.xml.
- XML dosyasının içinde, kodlamayı ve XML sürümünü bildirin:
1.0 UTF-8?> - XML dosyasını, daha sonraki bir adımda oluşturacağınız bir XSL stil sayfası dosyasına bağlayın.
metin/xsl xmlstylesheet.xsl?> - XML dosyasına veri ekleyin. XML, yapılandırılmış veriler içerir ve her veri noktasını ayrı bir etikette depolar. Bu örnek, adlı bir kök etiketi içerir. oyunlar. İçinde oyunlar etiketi, her bir oyunu kendi içinde saklayın oyun etiket. gibi her oyun için veri depolayın. isim Ve geliştirici ayrı etiketlerde.
1.0 UTF-8?>
metin/xsl xmlstylesheet.xsl?>
<oyunlar>
<oyun>
<isim>Sonuncu Bölüm IIisim>
<geliştirici>Yaramaz köpekgeliştirici>
oyun>
<oyun>
<isim>Tsushima Hayaletiisim>
<geliştirici>Enayi yumruk yapımlarıgeliştirici>
oyun>
<oyun>
<isim>Ölüm Bükümisim>
<geliştirici>Kojima Yapımlarıgeliştirici>
oyun>
oyunlar>
XML Dosyasından Veri Okumak İçin XSLT Nasıl Kullanılır?
XML sayfasındaki her bir veri noktasında döngü oluşturmak ve verileri görüntülemek için yeni bir XSL dosyası oluşturun.
- XML dosyanızla aynı klasörde, adlı yeni bir dosya oluşturun. xmlstylesheet.xsl.
- Dosyanın içinde, XSL sürümünü bildirin ve temel XSL etiket yapısını ekleyin:
1.0 UTF-8?>
<xsl: stil sayfasıversiyon="1.0"xmln'ler: xsl=" http://www.w3.org/1999/XSL/Transform">
// Kodunuz burada
xsl: stil sayfası> - Ana XSL etiketinin içine bir şablon etiket. XML verilerinizi görüntülemek ve biçimlendirmek için özel HTML kodunu ekleyebileceğiniz yer burasıdır.
<xsl: şablonkibrit="/">
<html>
<vücut>
// HTML kodunuz buraya
vücut>
html>
xsl: şablon> - body etiketinin içinde, xsl: her biri için etiket seçici. Bu, her biri arasında döngü yapmak için bir for-loop görevi görecektir. oyun altına yerleştirilmiş etiket oyunlar etiket.
<xsl: her biri içinseçme="oyunlar/oyun">
xsl: her biri için> - for-each döngüsünün içinde, adı ve geliştirici veri noktalarını görüntüleyin. xsl: değeri etiket seçici.
<xsl: değeriseçme="isim" />
<xsl: değeriseçme="geliştirici" />
Bir HTML Web Sayfasında Veriler Nasıl Görüntülenir?
Verileri bir web sayfasının parçası olarak görüntülemek için XSLT veya XML dosyasını doğrudan tarayıcıda açamazsınız. Yeni bir HTML dosyası oluşturun ve verileri bir iframe etiket.
- XML ve XSL dosyalarınızla aynı klasörde, adlı yeni bir dosya oluşturun. index.html.
- Bir HTML dosyasının temel yapısını ekleyin. Daha önce HTML kullanmadıysanız, konuyu tazeleyebilirsiniz. giriş HTML kavramları.
html>
<html>
<KAFA>
<başlık>XML ve XSLT Örneğibaşlık>
KAFA>
<vücut>
vücut>
html> - İçinde vücut etiketle, bir kullan iframe XML dosyasına ve XSL dosyasına bağlanmak için etiketi:
<h1>XML ve XSLT Örneğih1>
<P>Aşağıdaki içerik bir XML dosyasından oluşturulur:P>
<iframekaynak="veri.xml"xslt="xmlstylesheet.xsl">iframe> - adlı yeni bir dosya oluşturun. stiller.css.
- Dosyanın içine, web sayfanızın stilini oluşturmak için biraz CSS ekleyin. Diğer ilginç öğeleri kullanarak CSS'nizi değiştirmekten çekinmeyin CSS ipuçları ve püf noktaları.
html,
vücut {
yükseklik: %100;
kenar boşluğu: 0;
}vücut {
ekran: esnek;
haklı içerik: merkez;
hizalama öğeleri: merkez;
esnek yön: sütun;
}P {
kenar boşluğu: 24 piksel;
} - Aşağıdakileri HTML baş etiketine ekleyerek HTML dosyanızı CSS stiline bağlayın.
<bağlantırel="stil sayfası"href="stil.css"> - XML verilerinizi görüntülemek için HTML dosyanızı bir tarayıcı kullanarak açın. Bazı tarayıcılar XSLT'yi desteklemez, ancak Firefox gibi bazı tarayıcılar destekler.
Verileri HTML Web Sayfalarında Görüntüle
HTML web sayfalarında verileri görüntülemenin birçok yolu vardır, XML ve XSLT bunlardan biridir. JavaScript kullanarak kullanıcı girişini depolamak ve görüntülemek gibi, bunu yapabileceğiniz diğer yolları keşfetmekten çekinmeyin.
