Stiligi XML-Dokumentojn kun CSS

Faru Vian XML Rigardu Kiel Vi Deziras? In Al Kun #Koska? O Stiloj

Krei XML-dokumenton, skribi la DTD, kaj analizi ĝin per retumilo estas tute bona, sed kiel la dokumento montros kiam vi vidos ĝin? XML ne estas lingvo de ekrano. Fakte, dokumentoj skribitaj per XML tute ne havos formatadon.

Do, Kiel Mi Rigardas Mian XML?

La ŝlosilo por vidi XML en retumilo estas Cascading Style Sheets. Stilaj folioj permesas vin difini ĉiun aspekton de via XML-dokumento, de la grandeco kaj koloro de via teksto al la fono kaj pozicio de viaj ne-tekstaj objektoj.

Diru, ke vi havas XML-dokumenton:

]> Judy Layard Jennifer Brendan

Se vi volas vidi tiun dokumenton en XML preta retumilo, kiel Internet Explorer, ĝi montrus ion kiel ĉi:

Judy Layard Jennifer Brendan

Sed kio, se vi volus diferenci inter la gepatroj kaj infanaj elementoj? Aŭ eĉ faru vidan distingon inter ĉiuj elementoj en la dokumento. Vi ne povas fari tion per XML, kaj ĝi ne estas lingvo, kiu estas uzata por montri.

Sed bonŝance, facile estas uzi Uzkaptilojn , aŭ CSS, en XML-dokumentoj por difini, kiel vi volas, ke tiuj dokumentoj kaj aplikoj montriĝos kiam ili vidas en retumilo. Por la supra dokumento, vi povas difini la stilon de ĉiu etikedo same kiel vi farus HTML-dokumenton.

Ekzemple, en HTML vi eble volas difini ĉiun tekston ene de alineaj etikedoj (

) kun la tipara vizaĝo Verdana, Ĝenevo aŭ Helvetiko kaj la fonkolora verdo. Por difini tion en stilfolio por ke ĉiuj alineoj estu tiel, vi skribus:

p {font-familio: verdana, geneva, helvetica; fonkoloro: # 00ff00; }

La samaj reguloj laboras por XML-dokumentoj. Ĉiu etikedo en XML povas esti difinita en la XML-dokumento:

familio {koloro: # 000000; } patro {font-familio: Arial Nigra; koloro: # ff0000; limo: solida 5px; larĝa: 300px; } infano {font-familio: verdana, helvetica; koloro: # cc0000; limo: solida 5px; limo-koloro: # cc0000; }

Unufoje vi havas vian XML-dokumenton kaj vian stilfolion estas skribita, vi devas meti ilin kune. Simila al la ligo-komando en HTML, vi metas linion sur la supro de via XML-dokumento (sub la XML-deklaro), rakontante al la XML-analizilo, kie trovi la stilfolion. Ekzemple:

Kiel mi diris pli supre, ĉi tiu linio devus esti trovita sub la Deklaro sed antaŭ iu ajn el la elementoj en la XML-dokumento.

Metante ĝin ĉiujn kune, via XML-dokumento leĝus:

< ! ELEMENT child (#PCDATA)>]> Judy Layard Jennifer Brendan