CSS ile XML Belgeleri Oluşturma

XML Görünümünüzün Basamaklı Stil Sayfalarıyla Nasıl Olmasını Sağlayın

Bir XML belgesi oluşturmak, DTD yazmak ve bir tarayıcı ile ayrıştırmak gayet iyi, ancak belgeyi görüntülediğinizde nasıl görünecek? XML bir ekran dili değildir. Aslında, XML ile yazılmış belgelerin hiç formatı olmayacaktır.

Peki, XML'imi Nasıl Görüntülerim?

Bir tarayıcıda XML görüntüleme anahtarı Basamaklı Stil Sayfaları'dır. Stil sayfaları, XML belgenizin her yönünü, metninizin boyutundan ve renginden, metin olmayan nesnelerin arka planına ve konumuna kadar tanımlamanıza olanak tanır.

XML belgenizin olduğunu varsayalım:

]> Judy Layard <çocuk> Jennifer Brendan

Bu belgeyi Internet Explorer gibi bir XML hazır tarayıcısında görüntüleyecekseniz, aşağıdaki gibi bir şey görüntülenir:

Judy Layard Jennifer Brendan

Ancak, ebeveyn ve çocuk unsurları arasında ayrım yapmak istediğinizde? Veya belgenin tüm öğeleri arasında görsel bir ayrım yaparsınız. Bunu XML ile yapamazsınız ve görüntülenmek için kullanılması gereken bir dil değildir.

Ancak neyse ki, bu belgelerin ve uygulamaların bir tarayıcıda görüntülendiğinde nasıl görünmesini istediğinizi tanımlamak için XML belgelerinde Basamaklı Stil Sayfaları veya CSS'yi kullanmak kolaydır. Yukarıdaki belgede, her bir etiketin stilini bir HTML belgesiyle aynı şekilde tanımlayabilirsiniz.

Örneğin, HTML'de, paragraf etiketleri (

) içindeki tüm yazıyı, Verdana, Geneva veya Helvetica yazı tipi yüzü ve arka plan rengi yeşili ile tanımlayabilirsiniz. Bunu bir stil sayfasında tanımlamak için, tüm paragraflar böyle olacak şekilde şunları yazmış olursunuz:

p {font-aile: verdana, geneva, helvetica; arkaplan rengi: # 00ff00; }

Aynı kurallar XML belgeleri için çalışır. XML'deki her etiket XML belgesinde tanımlanabilir:

aile {color: # 000000; } parent {font-family: Arial Black; renk: # ff0000; kenarlık: katı 5px; genişlik: 300 piksel; çocuk {font-aile: verdana, helvetica; renk: # cc0000; kenarlık: katı 5px; kenarlık rengi: # cc0000; }

XML belgenizi aldıktan ve stil sayfanız yazıldıktan sonra bunları bir araya getirmeniz gerekir. HTML'deki bağlantı komutuna benzer şekilde XML belgenizin üstüne (XML bildiriminin altında) bir satır ekleyerek, XML ayrıştırıcısının stil sayfasını nerede bulacağını söylersiniz. Örneğin:

Yukarıda belirttiğim gibi, bu satır > bildiriminin altında, ancak XML belgesindeki öğelerden önce bulunmalıdır.

Hepsini bir araya getirdiğinizde, XML belgeniz şöyle olurdu:

< ELEMENT çocuk (#PCDATA)>]> Judy Layard <çocuk> Jennifer <çocuk> Brendan