Gawin ang iyong XML Look Paano Gusto mo ito Upang may Cascading Style Sheets
Ang paglikha ng isang dokumento sa XML, pagsulat ng DTD, at pag-parse ito sa isang browser ay mabuti, ngunit paano ipapakita ang dokumento kapag tiningnan mo ito? Ang XML ay hindi isang wika ng pagpapakita. Sa katunayan, ang mga dokumento na nakasulat sa XML ay walang pag-format sa lahat.
Kaya, Paano ko Tingnan ang Aking XML?
Ang susi sa pagtingin sa XML sa isang browser ay Cascading Style Sheets. Hinahayaan ka ng mga style sheet na tukuyin ang bawat aspeto ng iyong XML na dokumento, mula sa sukat at kulay ng iyong teksto sa background at posisyon ng iyong mga di-text na bagay.
Sabihin na mayroon kang isang dokumentong XML:
LayardKung titingnan mo ang dokumentong iyon sa XML ready na browser, tulad ng Internet Explorer, ipapakita nito ang ganito:
Judy Layard Jennifer BrendanNgunit paano kung nais mong makilala ang pagkakaiba sa pagitan ng mga elemento ng magulang at anak? O kahit na gumawa ng isang visual na pagkakaiba sa pagitan ng lahat ng mga elemento sa dokumento. Hindi mo magawa iyon sa XML, at hindi ito isang wika na sinadya upang gamitin para sa pagpapakita.
Ngunit sa kabutihang-palad, madaling gamitin ang Cascading Style Sheets , o CSS, sa mga dokumento ng XML upang tukuyin kung paano mo gustong ipakita ang mga dokumentong iyon at mga aplikasyon kapag tiningnan sa isang browser. Para sa dokumentong nasa itaas, maaari mong tukuyin ang estilo ng bawat isa sa mga tag sa parehong paraan na gagawin mo ang isang HTML na dokumento.
Halimbawa, sa HTML baka gusto mong tukuyin ang lahat ng teksto sa loob ng mga tag ng talata (
) na may mukha ng font Verdana, Geneva, o Helvetica at ang berdeng kulay ng background. Upang tukuyin na sa isang stylesheet upang ang lahat ng mga talata ay katulad nito, isusulat mo:
p {font-family: verdana, geneva, helvetica; background-color: # 00ff00; }Ang parehong mga patakaran ay gumagana para sa mga dokumento ng XML. Ang bawat tag sa XML ay maaaring tinukoy sa dokumento ng XML:
pamilya {color: # 000000; } magulang {font-family: Arial Black; kulay: # ff0000; hangganan: solid 5px; lapad: 300px; } anak {font-family: verdana, helvetica; kulay: # cc0000; hangganan: solid 5px; hangganan-kulay: # cc0000; }Sa sandaling mayroon ka ng iyong XML na dokumento at nakasulat ang iyong estilo ng sheet , kailangan mong ilagay ang mga ito nang sama-sama. Katulad ng command link sa HTML, inilagay mo ang isang linya sa itaas ng iyong XML na dokumento (sa ibaba ng deklarasyon ng XML), na nagsasabi sa XML parser kung saan makikita ang stylesheet. Halimbawa:
Tulad ng sinabi ko sa itaas, ang linyang ito ay dapat makita sa ibaba ng deklarasyon Ngunit bago ang alinman sa mga elemento sa dokumento ng XML.
Ang pagsasama-sama ng lahat, ang iyong XML dokumento ay mababasa: