તમારી XML લૂક બનાવો કેસ્કેડીંગ સ્ટાઇલ શીટ્સ સાથે તમે તેને કેવી રીતે કરવા માંગો છો
ડીએમટી (DTD) લખવાનું, અને તેને બ્રાઉઝર સાથે પદચ્છેદન કરવાનું એક XML દસ્તાવેજ બનાવવું, તે બધું સારું છે, પરંતુ જ્યારે તમે તેને જોશો ત્યારે દસ્તાવેજ કેવી રીતે દેખાશે? XML પ્રદર્શનની ભાષા નથી. વાસ્તવમાં, XML સાથે લખાયેલા દસ્તાવેજોની કોઈ પણ ફોર્મેટિંગ હશે નહીં.
તેથી, હું કેવી રીતે મારી XML જુઓ છો?
બ્રાઉઝરમાં એક્સએમએલ જોવાની ચાવી એ કેસ્કેડીંગ સ્ટાઇલ શીટ્સ છે. પ્રકાર શીટ્સ તમને તમારા XML દસ્તાવેજના દરેક પાસાને વ્યાખ્યાયિત કરવા દે છે, તમારા ટેક્સ્ટના કદ અને રંગથી તમારા બિન-ટેક્સ્ટ ઑબ્જેક્ટ્સની પૃષ્ઠભૂમિ અને સ્થાન.
કહો કે તમારી પાસે એક XML દસ્તાવેજ છે:
xml આવૃત્તિ = "1.0" સ્ટેન્ડઅલોન = "હા"> ]> <કુટુંબ> <પિતૃ> જુડી પિતૃ> <પિતૃ> લેઆર્ડ parent>જો તમે તે દસ્તાવેજને XML તૈયાર બ્રાઉઝરમાં જુઓ છો, જેમ કે ઇન્ટરનેટ એક્સપ્લોરર, તો તે આના જેવું પ્રદર્શન કરશે:
જુડી લેર્ડ જેનિફર બ્રેન્ડનપરંતુ જો તમે માતાપિતા અને બાળ તત્વો વચ્ચે તફાવત કરવા માગો છો? અથવા તો દસ્તાવેજમાંના તમામ ઘટકો વચ્ચે દ્રશ્ય તફાવત બનાવો. તમે XML સાથે તે કરી શકતા નથી, અને તે કોઈ ભાષા નથી કે જેનો ઉપયોગ પ્રદર્શન માટે થાય.
પરંતુ સદભાગ્યે, XML દસ્તાવેજોમાં કેસ્કેડીંગ સ્ટાઇલ શીટ્સ , અથવા CSS નો ઉપયોગ કરવો સરળ છે, તે નિર્ધારિત કરવા માટે કે તમે તે દસ્તાવેજો અને એપ્લિકેશન્સને કેવી રીતે પ્રદર્શિત કરવા માંગો છો જ્યારે બ્રાઉઝરમાં જોવામાં આવે છે. ઉપરોક્ત દસ્તાવેજ માટે, તમે એચટીએમએલ દસ્તાવેજની જેમ જ દરેક ટેગની શૈલીને વ્યાખ્યાયિત કરી શકો છો.
ઉદાહરણ તરીકે, એચટીએમએલમાં તમે ફોન્ટ ચહેરો વરદાના, જીનીવા, અથવા હેલ્વેટિકા અને બેકગ્રાઉન્ડ રંગ લીલો સાથે ફકરા ટેગ્સ (
p>) ની અંદર બધા ટેક્સ્ટને વ્યાખ્યાયિત કરવા માગી શકો છો. સ્ટાઇલશીટમાં તે વ્યાખ્યાયિત કરવા માટે કે જેથી બધા ફકરાઓ તે સમાન છે, તમે લખશો:
પૃષ્ઠ {ફૉન્ટ-ફેમિલી: વરદાના, જિનીવા, હેલ્વેટિકા; બેકગ્રાઉન્ડ રંગ: # 00ff00; }એજ નિયમો XML દસ્તાવેજો માટે કામ કરે છે. XML દસ્તાવેજના દરેક ટૅગને XML દસ્તાવેજમાં વ્યાખ્યાયિત કરી શકાય છે:
કુટુંબ {રંગ: # 000000; } માતાપિતા {font-family: Arial Black; રંગ: # એફએફ 0000; સરહદ: નક્કર 5px; પહોળાઈ: 300px; } બાળક {font-family: verdana, helvetica; રંગ: # cc0000; સરહદ: નક્કર 5px; સરહદ રંગ: # cc0000; }એકવાર તમારી પાસે તમારું XML દસ્તાવેજ છે અને તમારું સ્ટાઇલશીટ લખેલું છે, તમારે તેને એક સાથે મુકવાની જરૂર છે. HTML માં લિંક આદેશની જેમ, તમે તમારા XML દસ્તાવેજની શીર્ષ પર એક લીટી મૂકી (XML ઘોષણા નીચે), XML પાર્સરને સ્ટાઇલશીટ ક્યાં શોધવા તે જણાવો. દાખ્લા તરીકે:
xml-styleheet પ્રકાર = "ટેક્સ્ટ / CSS" href = "stylesheet.css"?>મેં ઉપર જણાવ્યું તેમ, આ લીટી Xml?> ઘોષણા નીચે મળી હોવા જોઈએ પરંતુ XML દસ્તાવેજમાંના કોઈપણ તત્વો પહેલાં.
તે બધાને એકસાથે મૂકીને, તમારું XML દસ્તાવેજ વાંચશે:
xml આવૃત્તિ = "1.0" સ્ટેન્ડઅલોન = "હા"> xml-સ્ટાઇલશીટ પ્રકાર = "ટેક્સ્ટ / CSS" href = "stylesheet.css"?> < તત્વ બાળક (# પીસીડીએટીએ)>]> <કુટુંબ> <પિતૃ> જુડી પિતૃ> <પિતૃ> લારડા પિતૃ> બાળ> જેનિફર બાળક> <બાળક> બ્રેન્ડન બાળક> કુટુંબ>