CSS सँग स्टाइलिंग XML कागजात

तपाईंको एक्सएमएल हेर्नुहोस् कसरी तपाइँ यसलाई यो क्यासिंगिङ स्टाइल पानाहरूसँग चाहनुहुन्छ

एक्सएमएल कागजात सिर्जना गर्दै, डीटीडी लेख्नुहोस् र ब्राउजरको साथ पार्सिंग सबै ठीक छ, तर तपाईंले यो हेर्दा कागजात प्रदर्शन कसरी देखाउनेछ? एक्सएमएल प्रदर्शनको भाषा होइन। वास्तवमा, XML सँग लिखित कागजातहरू सबैसँग कुनै ढाँचा छैन।

त्यसकारण, म मेरो XML कसरी हेर्नुहोस्?

ब्राउजरमा एक्सएमएल हेर्न कुञ्जी क्यासस्लाइडिङ्ग स्टाइल पानाहरू हो। स्टाइल च्याटले तपाईंलाई आफ्नो XML कागजातको प्रत्येक पहलूलाई परिभाषित गर्न अनुमति दिन्छ, तपाईंको पाठको साइज र पृष्ठभूमिमा र तपाईंको गैर-पाठ वस्तुहरूको स्थितिमा।

तपाईसँग एउटा XML कागजात छ:

]> <परिवार> <आमाबाबु> जोडि layard जेनिफर <बच्चा> ब्राण्डन

यदि तपाईं त्यो कागजातलाई XML तयार ब्राउजरमा हेर्नु भएको थियो, जस्तै इन्टरनेट एक्स्प्लोरर, यसले यो केहि प्रदर्शन गर्नेछ:

जुडी लेर्डर जेनिफर ब्रान्डन

तर के तपाई आमाबाबु र बाल तत्वको बीचमा फरक हुन चाहानुहुन्छ? वा कागजातका सबै तत्त्वहरू बीचको दृश्य भेद पनि बनाउनुहोस्। तपाईं XML सँग यो गर्न सक्नुहुन्न, र यो भाषा होइन जुन प्रदर्शनका लागि प्रयोग गरिने हो।

तर सौभाग्य देखि, यो XML कागजातहरूमा क्यासिंगिङ स्टाइल पानाहरू , वा CSS प्रयोग गर्न सजिलो छ, तपाइँ कसरी ब्राउजरमा देखाउने कागजातहरू र अनुप्रयोगहरू कसरी प्रदर्शन गर्न चाहनुहुन्छ भनेर परिभाषित गर्न सक्नुहुन्छ। माथिको कागजातको लागि, तपाईंले HTML कागजातको साथमा प्रत्येक ट्यागको शैली परिभाषित गर्न सक्नुहुन्छ।

उदाहरणका लागि, HTML मा तपाईँले फन्ट अनुहार Verdana, जेनेभा, या हेलभेटिका र पृष्ठभूमि रङ को साथ अनुच्छेद ट्याग (

) भित्र सबै पाठ परिभाषित गर्न चाहानुहुन्छ। स्लेटसिटमा परिभाषित गर्न ताकि सबै अनुच्छेदहरू जस्तै यो हो, तपाईले लेख्नुभयो:

p {font-family: verdana, geneva, helvetica; पृष्ठभूमि रंग: # 00ff00; }

एउटै नियमहरू XML कागजातहरूको लागि कार्य गर्दछ। XML मा प्रत्येक ट्याग एक्सएमएल कागजातमा परिभाषित गर्न सकिन्छ:

परिवार {रंग: # 000000; } आमाबाबु {फन्ट-परिवार: एरिड ब्ल्याक; रंग: # ff0000; किनारा: ठोस 5px; चौडाई: 300px; } बच्चा {फन्ट-परिवार: verdana, helvetica; रंग: # cc0000; किनारा: ठोस 5px; border-color: #cc0000; }

एकपटक तपाईंको XML कागजात र तपाईंको शैलीपट्टी लेखिएको बेला, तपाइँलाई एकसाथ राख्नु पर्दछ। एचटीएमएलमा लिङ्क आदेशको साथ, तपाइँले XML पार्सरलाई जहाँ शैली शैली फेला पार्नको लागि तपाइँको XML कागजात (एक्सएमएल घोषणाको तल) मा शीर्ष रेखामा राख्नुहुन्छ। उदाहरणका लागि:

जस्तै मैले माथि भनें, यो रेखा घोषणा तल भेट्नुपर्छ तर एक्सएमएल कागजातको कुनै पनि तत्व भन्दा पहिले।

सबै सँगै राखेर तपाईंको XML कागजात पढ्न सक्नेछ:

< (बच्चाहरु) (#PCDATA)>]> <परिवार> <आमाबाबु> जेडी लेयर जेनिफर ब्रेंडन