ಸಿಎಸ್ಎಸ್ ಜೊತೆ XML ಡಾಕ್ಯುಮೆಂಟ್ಸ್ ವಿನ್ಯಾಸ

ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಗಳೊಂದಿಗೆ ನೀವು ಹೇಗೆ ಬಯಸುತ್ತೀರಿ ಎಂಬುದನ್ನು ನಿಮ್ಮ XML ನೋಟವನ್ನು ಮಾಡಿ

XML ಡಾಕ್ಯುಮೆಂಟ್ ರಚಿಸುವುದು, ಡಿಟಿಡಿ ಬರೆಯುವುದು, ಮತ್ತು ಅದನ್ನು ಬ್ರೌಸರ್ನೊಂದಿಗೆ ಪಾರ್ಸಿಂಗ್ ಮಾಡುವುದು ಉತ್ತಮವಾಗಿದೆ, ಆದರೆ ನೀವು ಅದನ್ನು ವೀಕ್ಷಿಸಿದಾಗ ಹೇಗೆ ಡಾಕ್ಯುಮೆಂಟ್ ಪ್ರದರ್ಶಿಸುತ್ತದೆ? ಮದುವೆ ಪ್ರದರ್ಶನದ ಭಾಷೆಯಾಗಿಲ್ಲ. ವಾಸ್ತವವಾಗಿ, XML ನೊಂದಿಗೆ ಬರೆಯಲಾದ ಡಾಕ್ಯುಮೆಂಟ್ಗಳು ಯಾವುದೇ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಮಾಡುವುದಿಲ್ಲ.

ಆದ್ದರಿಂದ, ನನ್ನ XML ಅನ್ನು ನಾನು ಹೇಗೆ ನೋಡಲಿ?

ಬ್ರೌಸರ್ನಲ್ಲಿ ಮದುವೆ ನೋಡುವ ಕೀಲಿಯು ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಆಗಿದೆ. ಸ್ಟೈಲ್ ಹಾಳೆಗಳು ನಿಮ್ಮ ಪಠ್ಯದ ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣದಿಂದ ಹಿನ್ನೆಲೆ ಮತ್ತು ನಿಮ್ಮ ಪಠ್ಯವಲ್ಲದ ವಸ್ತುಗಳ ಸ್ಥಾನದಿಂದ ನಿಮ್ಮ XML ಡಾಕ್ಯುಮೆಂಟ್ನ ಪ್ರತಿಯೊಂದು ಅಂಶವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ನಿಮಗೆ ಅವಕಾಶ ಮಾಡಿಕೊಡುತ್ತದೆ.

ನಿಮ್ಮಲ್ಲಿ ಒಂದು XML ಡಾಕ್ಯುಮೆಂಟ್ ಇದೆ ಎಂದು ಹೇಳಿ:

]> ಜೂಡಿ Layard ಜೆನ್ನಿಫರ್ <ಮಗು> ಬ್ರೆಂಡನ್

ನೀವು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ನಂತಹ XML ಸಿದ್ಧ ಬ್ರೌಸರ್ನಲ್ಲಿ ಆ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ವೀಕ್ಷಿಸಲು ಬಯಸಿದರೆ, ಅದು ಈ ರೀತಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ:

ಜುಡಿ ಲೇಯಾರ್ಡ್ ಜೆನ್ನಿಫರ್ ಬ್ರೆಂಡನ್

ಆದರೆ ನೀವು ಪೋಷಕರು ಮತ್ತು ಮಕ್ಕಳ ಅಂಶಗಳ ನಡುವೆ ವ್ಯತ್ಯಾಸವನ್ನು ಬಯಸಿದರೆ ಏನು? ಅಥವಾ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿನ ಎಲ್ಲಾ ಅಂಶಗಳ ನಡುವೆ ದೃಶ್ಯ ವ್ಯತ್ಯಾಸವನ್ನು ಸಹ ಮಾಡಿ. ನೀವು XML ನೊಂದಿಗೆ ಇದನ್ನು ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ, ಮತ್ತು ಇದು ಪ್ರದರ್ಶನಕ್ಕಾಗಿ ಬಳಸಬೇಕಾದ ಒಂದು ಭಾಷೆ ಅಲ್ಲ.

ಆದರೆ ಅದೃಷ್ಟವಶಾತ್, ಬ್ರೌಸರ್ನಲ್ಲಿ ನೋಡುವಾಗ ಆ ಡಾಕ್ಯುಮೆಂಟ್ಗಳು ಮತ್ತು ಅಪ್ಲಿಕೇಶನ್ಗಳು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಬೇಕೆಂಬುದನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು XML ಡಾಕ್ಯುಮೆಂಟ್ಗಳಲ್ಲಿ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಅಥವಾ CSS ಅನ್ನು ಬಳಸಲು ಸುಲಭವಾಗಿದೆ. ಮೇಲಿನ ಡಾಕ್ಯುಮೆಂಟ್ಗಾಗಿ, ನೀವು HTML ಟ್ಯಾಗ್ ಅನ್ನು ಅದೇ ರೀತಿಯಲ್ಲಿ ಪ್ರತಿ ಟ್ಯಾಗ್ನ ಶೈಲಿಯನ್ನೂ ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು.

ಉದಾಹರಣೆಗೆ, ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿ ಫಾಂಟ್ ಮುಖ Verdana, Geneva, ಅಥವಾ Helvetica ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಹಸಿರುನೊಂದಿಗೆ ಪ್ಯಾರಾಗ್ರಾಫ್ ಟ್ಯಾಗ್ಗಳಲ್ಲಿ (

) ಎಲ್ಲಾ ಪಠ್ಯವನ್ನು ನೀವು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು. ಸ್ಟೈಲ್ಶೀಟ್ನಲ್ಲಿ ಅದನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು, ಎಲ್ಲಾ ಪ್ಯಾರಾಗಳು ಹಾಗೆವೆ, ನೀವು ಬರೆಯಬಹುದು:

p {font-family: verdana, geneva, helvetica; ಹಿನ್ನೆಲೆ ಬಣ್ಣ: # 00ff00; }

ಅದೇ ನಿಯಮಗಳು XML ಡಾಕ್ಯುಮೆಂಟ್ಗಳಿಗಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ. XML ನಲ್ಲಿನ ಪ್ರತಿಯೊಂದು ಟ್ಯಾಗ್ ಅನ್ನು XML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು:

ಕುಟುಂಬ {ಬಣ್ಣ: # 000000; } ಪೋಷಕ {ಫಾಂಟ್-ಕುಟುಂಬ: ಏರಿಯಲ್ ಬ್ಲಾಕ್; ಬಣ್ಣ: # ff0000; ಗಡಿ: ಘನ 5px; ಅಗಲ: 300px; } ಮಗು {ಫಾಂಟ್-ಕುಟುಂಬ: verdana, ಹೆಲ್ವೆಟಿಕಾ; ಬಣ್ಣ: # cc0000; ಗಡಿ: ಘನ 5px; ಗಡಿ ಬಣ್ಣ: # cc0000; }

ಒಮ್ಮೆ ನಿಮ್ಮ XML ಡಾಕ್ಯುಮೆಂಟ್ ಮತ್ತು ನಿಮ್ಮ ಸ್ಟೈಲ್ಶೀಟ್ ಅನ್ನು ಬರೆಯಲಾಗುತ್ತದೆ, ನೀವು ಅವುಗಳನ್ನು ಒಟ್ಟಿಗೆ ಇರಿಸಬೇಕಾಗುತ್ತದೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿನ ಲಿಂಕ್ ಆಜ್ಞೆಯಂತೆಯೇ, ನಿಮ್ಮ XML ಡಾಕ್ಯುಮೆಂಟ್ನ (XML ಪ್ರಕಟಣೆಯ ಕೆಳಗೆ) ಒಂದು ಸಾಲಿನಲ್ಲಿ ನೀವು ಸ್ಟೈಲ್ಶೀಟ್ ಅನ್ನು ಕಂಡುಹಿಡಿಯಲು ಅಲ್ಲಿ XML ಪಾರ್ಸರ್ಗೆ ಹೇಳುವುದಾದರೆ. ಉದಾಹರಣೆಗೆ:

ನಾನು ಮೇಲೆ ಹೇಳಿದಂತೆ, ಈ ಸಾಲನ್ನು ಘೋಷಣೆಯ ಕೆಳಗೆ ಕಂಡುಹಿಡಿಯಬೇಕು ಆದರೆ XML ಡಾಕ್ಯುಮೆಂಟಿನಲ್ಲಿ ಯಾವುದೇ ಅಂಶಗಳನ್ನು ಮೊದಲು ನೋಡಬೇಕು.

ಎಲ್ಲವನ್ನೂ ಒಟ್ಟಿಗೆ ಹಾಕಿದರೆ, ನಿಮ್ಮ XML ಡಾಕ್ಯುಮೆಂಟ್ ಓದಬಹುದು:

< Layard ಜೆನ್ನಿಫರ್ Brendan