स्टाइल शीट भाषा: Difference between revisions

From Vigyanwiki
No edit summary
No edit summary
Line 1: Line 1:
{{short description|Computer language that expresses the presentation of structured documents}}
{{short description|Computer language that expresses the presentation of structured documents}}
{{Other uses|Style sheet (disambiguation){{!}}Style sheet}}
{{Other uses|Style sheet (disambiguation){{!}}Style sheet}}
स्टाइल शीट भाषा, या स्टाइल भाषा, [[कंप्यूटर भाषा]] है जो संरचित दस्तावेजों की प्रस्तुति को व्यक्त करती है। [[संरचित दस्तावेज़]]ों की आकर्षक विशेषता यह है कि सामग्री का कई संदर्भों में पुन: उपयोग किया जा सकता है और विभिन्न तरीकों से प्रस्तुत किया जा सकता है। विभिन्न प्रस्तुतियों का निर्माण करने के लिए विभिन्न स्टाइल शीट को तार्किक संरचना से जोड़ा जा सकता है।
स्टाइल शीट भाषा, या शैली भाषा ऐसी [[कंप्यूटर भाषा]] है जो संरचित दस्तावेजों की प्रस्तुति को व्यक्त करती है। [[संरचित दस्तावेज़|संरचित दस्तावेज़ों]] की आकर्षक विशेषता यह है कि सामग्री को कई संदर्भों में पुन: उपयोग किया जा सकता है और विभिन्न विधियों से प्रस्तुत किया जा सकता है। विभिन्न प्रस्तुतियों का निर्माण करने के लिए विभिन्न स्टाइल शीट को तार्किक संरचना से जोड़ा जा सकता है।


व्यापक उपयोग वाली आधुनिक स्टाइल शीट भाषा [[ व्यापक शैली पत्रक ]] (CSS) है, जिसका उपयोग [[HTML]], [[XHTML]], [[स्केलेबल वेक्टर ग्राफिक्स]], [[XUL]] और अन्य मार्कअप भाषाओं में लिखे गए दस्तावेज़ों को स्टाइल करने के लिए किया जाता है।
व्यापक उपयोग वाली आधुनिक स्टाइल शीट भाषा [[ व्यापक शैली पत्रक |कैस्केडिंग स्टाइल शीट्स]] (CSS) है, जिसका उपयोग [[HTML|एचटीएमएल]], [[XHTML|एक्सएचटीएमएल]], [[स्केलेबल वेक्टर ग्राफिक्स]], [[XUL|एक्सयूएल]] और अन्य मार्कअप भाषाओं में लिखे गए दस्तावेज़ों को स्टाइल करने के लिए किया जाता है।


प्रस्तुत किए जाने वाले संरचित दस्तावेज़ों की सामग्री के लिए, शैलीगत नियमों का सेट - वर्णन करना, उदाहरण के लिए, रंग, फ़ॉन्ट और लेआउट - लागू किया जाना चाहिए। शैलीगत नियमों के संग्रह को स्टाइल शीट कहा जाता है। लिखित दस्तावेजों के रूप में स्टाइल शीट का संपादकों और टाइपोग्राफरों द्वारा प्रस्तुति, वर्तनी और विराम चिह्न की निरंतरता सुनिश्चित करने के लिए उपयोग का लंबा इतिहास है। इलेक्ट्रॉनिक प्रकाशन में, स्टाइल शीट भाषाओं का प्रयोग ज्यादातर वर्तनी और विराम चिह्न के बजाय दृश्य प्रस्तुति के संदर्भ में किया जाता है।
प्रस्तुत किए जाने वाले संरचित दस्तावेज़ों में सामग्री के लिए, शैलीगत नियमों का सेट- उदाहरण के लिए, रंग, फ़ॉन्ट और लेआउट का वर्णन- प्रारम्भ किया जाना चाहिए। शैलीगत नियमों के संग्रह को स्टाइल शीट कहा जाता है। प्रस्तुतिकरण, वर्तनी और विराम चिह्न की निरंतरता सुनिश्चित करने के लिए संपादकों और टाइपोग्राफरों द्वारा लिखित दस्तावेजों के रूप में स्टाइल शीट के उपयोग का लंबा इतिहास है। इलेक्ट्रॉनिक प्रकाशन में, स्टाइल शीट भाषाओं का उपयोग अधिकतर वर्तनी और विराम चिह्न के अतिरिक्त दृश्य प्रस्तुति के संदर्भ में किया जाता है।


== अवयव ==
== अवयव ==
सभी स्टाइल शीट भाषाएँ इन क्षेत्रों में कार्यक्षमता प्रदान करती हैं:
सभी स्टाइल शीट भाषाएँ इन क्षेत्रों में कार्यक्षमता प्रदान करती हैं:


; सिंटेक्स: मशीन-पठनीय तरीके से व्यक्त करने के लिए स्टाइल शीट भाषा को सिंटैक्स की आवश्यकता होती है। उदाहरण के लिए, यहाँ CSS सिंटैक्स में लिखी गई सरल स्टाइल शीट है:<syntaxhighlight lang="css">h1 { font-size: 1.5em }</syntaxhighlight>यह कहता है कि स्तर 1 पर शीर्षकों को आसपास के पाठ के फ़ॉन्ट आकार के 1.5 गुना फ़ॉन्ट आकार में प्रदर्शित किया जाना चाहिए।
; सिंटेक्स: स्टाइल शीट भाषा को मशीन-पठनीय विधि से व्यक्त करने के लिए वाक्य-विन्यास की आवश्यकता होती है। उदाहरण के लिए, यहां सीएसएस सिंटैक्स में लिखी गई सरल स्टाइल शीट है:<syntaxhighlight lang="css">h1 { font-size: 1.5em }</syntaxhighlight>इसमें कहा गया है कि लेवल 1 पर शीर्षकों को निकट के पाठ के फ़ॉन्ट आकार के 1.5 गुना फ़ॉन्ट आकार में प्रदर्शित किया जाना चाहिए।
; चयनकर्ता: चयनकर्ता निर्दिष्ट करते हैं कि शैली नियम से कौन से तत्व प्रभावित होंगे। जैसे, चयनकर्ता दस्तावेज़ की संरचना और स्टाइल शीट में शैलीगत नियमों के बीच गोंद हैं। उपरोक्त उदाहरण में, h1 चयनकर्ता सभी h1 तत्वों का चयन करता है। अधिक जटिल चयनकर्ता उनके संदर्भ, विशेषताओं और सामग्री के आधार पर तत्वों का चयन कर सकते हैं।
; चयनकर्ता: चयनकर्ता निर्दिष्ट करते हैं कि कौन से एलिमेंट शैली नियम से प्रभावित होने हैं। इस प्रकार, चयनकर्ता दस्तावेज़ की संरचना और स्टाइल शीट में शैलीगत नियमों के मध्य गोंद होते हैं। उपरोक्त उदाहरण में, h1 चयनकर्ता सभी h1 एलिमेंट का चयन करता है। अधिक जटिल चयनकर्ता, उदाहरण के लिए, उनके संदर्भ, विशेषताओं और सामग्री के आधार पर एलिमेंट का चयन कर सकते हैं।
; गुण: सभी स्टाइल शीट भाषाओं में गुणों की कुछ अवधारणाएँ होती हैं जिन्हें किसी तत्व के प्रतिपादन के पहलू को बदलने के लिए मान दिए जा सकते हैं। उपरोक्त उदाहरण में CSS की फ़ॉन्ट-आकार की संपत्ति का उपयोग किया गया है। दस्तावेजों की प्रस्तुति का वर्णन करने के लिए सामान्य स्टाइल शीट भाषाओं में आमतौर पर लगभग 50 गुण होते हैं।
; गुण: सभी स्टाइल शीट भाषाओं में गुणों की कुछ अवधारणाएँ होती हैं जिन्हें किसी एलिमेंट के प्रतिपादन के विषय को परिवर्तित करने के लिए मान दिए जा सकते हैं। उपरोक्त उदाहरण में सीएसएस की फ़ॉन्ट-आकार संपत्ति का उपयोग किया गया है। सामान्य स्टाइल शीट भाषाओं में दस्तावेज़ों की प्रस्तुति का वर्णन करने के लिए सामान्यतः लगभग 50 गुण होते हैं।
; मान और इकाइयाँ: गुण निश्चित मान निर्दिष्ट करके किसी तत्व के प्रतिपादन को बदलते हैं। मान स्ट्रिंग, कीवर्ड, संख्या या इकाई पहचानकर्ता के साथ संख्या हो सकती है। साथ ही, मान सूचियाँ या भाव हो सकते हैं जिनमें उपरोक्त कई मान शामिल हैं। विज़ुअल स्टाइल शीट में विशिष्ट मान लंबाई है; उदाहरण के लिए, 1.5em जिसमें संख्या (1.5) और इकाई (em) होती है। CSS में em मान आसपास के पाठ के फ़ॉन्ट आकार को संदर्भित करता है। सामान्य स्टाइल शीट भाषाओं में लगभग दस अलग-अलग इकाइयाँ होती हैं।
; मान और इकाइयाँ: गुण निश्चित मान निर्दिष्ट करके किसी एलिमेंट के प्रतिपादन को परिवर्तित कर सकते हैं। मान स्ट्रिंग, कीवर्ड, संख्या या इकाई पहचानकर्ता वाली संख्या हो सकती है। साथ ही, मान सूचियाँ या या अभिव्यक्तियाँ हो सकती हैं जिनमें उपरोक्त कई मान सम्मिलित हैं। विज़ुअल स्टाइल शीट में विशिष्ट मान लंबाई है; उदाहरण के लिए, 1.5em जिसमें संख्या (1.5) और इकाई (em) सम्मिलित होती है। सीएसएस में em मान निकट के पाठ के फ़ॉन्ट आकार को संदर्भित करता है। सामान्य स्टाइल शीट भाषाओं में लगभग दस भिन्न-भिन्न इकाइयाँ होती हैं।
; मूल्य प्रसार तंत्र: सभी तत्वों पर सभी गुणों के लिए स्पष्ट रूप से सभी मूल्यों को निर्दिष्ट करने से बचने के लिए, स्टाइल शीट भाषाओं में मूल्यों को स्वचालित रूप से प्रसारित करने के लिए तंत्र हैं। मूल्य प्रचार का मुख्य लाभ कम वर्बोज़ स्टाइल शीट है। उपरोक्त उदाहरण में, केवल फ़ॉन्ट आकार निर्दिष्ट किया गया है; अन्य मूल्य मूल्य प्रचार तंत्र के माध्यम से मिलेंगे। वंशानुक्रम, प्रारंभिक मूल्य और कैस्केडिंग मूल्य प्रसार तंत्र के उदाहरण हैं।
; मूल्य प्रसार प्रणाली: सभी एलेमेंट्स पर गुणों के लिए स्पष्ट रूप से सभी मूल्यों को निर्दिष्ट करने से बचने के लिए, स्टाइल शीट भाषाओं में मूल्यों को स्वचालित रूप से प्रसारित करने के लिए प्रणाली होती हैं। मूल्य प्रचार का मुख्य लाभ कम क्रियाशील स्टाइल शीट है। उपरोक्त उदाहरण में, केवल फ़ॉन्ट आकार निर्दिष्ट किया गया है; अन्य मूल्य प्रसार प्रणाली के माध्यम से पाए जाएंगे। वंशानुक्रम, प्रारंभिक मूल्य और कैस्केडिंग मूल्य प्रसार प्रणाली के उदाहरण हैं।
; स्वरूपण मॉडल: सभी स्टाइल शीट भाषाएं किसी प्रकार के स्वरूपण मॉडल का समर्थन करती हैं। अधिकांश स्टाइल शीट भाषाओं में दृश्य स्वरूपण मॉडल होता है जो वर्णन करता है कि अंतिम प्रस्तुति में पाठ और अन्य सामग्री कैसे रखी जाती है। उदाहरण के लिए, CSS स्वरूपण मॉडल निर्दिष्ट करता है कि ब्लॉक-स्तरीय तत्व (जिनमें से h1 उदाहरण है) पैरेंट तत्व की चौड़ाई को भरने के लिए विस्तारित होते हैं। कुछ स्टाइल शीट भाषाओं में आभासी स्वरूपण मॉडल भी होता है।<ref name="thesis-lie"/>
; स्वरूपण मॉडल: सभी स्टाइल शीट भाषाएं किसी न किसी प्रकार के फ़ॉर्मेटिंग मॉडल का समर्थन करती हैं। अधिकांश स्टाइल शीट भाषाओं में विज़ुअल फ़ॉर्मेटिंग मॉडल होता है जो कुछ विस्तार से वर्णन करता है कि अंतिम प्रस्तुति में पाठ और अन्य सामग्री कैसे रखी जाती है। उदाहरण के लिए, सीएसएस फ़ॉर्मेटिंग मॉडल निर्दिष्ट करता है कि ब्लॉक-स्तरीय एलिमेंट (जिनमें से h1 उदाहरण है) मूल एलिमेंट की चौड़ाई को भरने के लिए विस्तारित होते हैं। कुछ स्टाइल शीट भाषाओं में कर्ण स्वरूपण मॉडल भी होता है।<ref name="thesis-lie"/>





Revision as of 22:54, 24 June 2023

स्टाइल शीट भाषा, या शैली भाषा ऐसी कंप्यूटर भाषा है जो संरचित दस्तावेजों की प्रस्तुति को व्यक्त करती है। संरचित दस्तावेज़ों की आकर्षक विशेषता यह है कि सामग्री को कई संदर्भों में पुन: उपयोग किया जा सकता है और विभिन्न विधियों से प्रस्तुत किया जा सकता है। विभिन्न प्रस्तुतियों का निर्माण करने के लिए विभिन्न स्टाइल शीट को तार्किक संरचना से जोड़ा जा सकता है।

व्यापक उपयोग वाली आधुनिक स्टाइल शीट भाषा कैस्केडिंग स्टाइल शीट्स (CSS) है, जिसका उपयोग एचटीएमएल, एक्सएचटीएमएल, स्केलेबल वेक्टर ग्राफिक्स, एक्सयूएल और अन्य मार्कअप भाषाओं में लिखे गए दस्तावेज़ों को स्टाइल करने के लिए किया जाता है।

प्रस्तुत किए जाने वाले संरचित दस्तावेज़ों में सामग्री के लिए, शैलीगत नियमों का सेट- उदाहरण के लिए, रंग, फ़ॉन्ट और लेआउट का वर्णन- प्रारम्भ किया जाना चाहिए। शैलीगत नियमों के संग्रह को स्टाइल शीट कहा जाता है। प्रस्तुतिकरण, वर्तनी और विराम चिह्न की निरंतरता सुनिश्चित करने के लिए संपादकों और टाइपोग्राफरों द्वारा लिखित दस्तावेजों के रूप में स्टाइल शीट के उपयोग का लंबा इतिहास है। इलेक्ट्रॉनिक प्रकाशन में, स्टाइल शीट भाषाओं का उपयोग अधिकतर वर्तनी और विराम चिह्न के अतिरिक्त दृश्य प्रस्तुति के संदर्भ में किया जाता है।

अवयव

सभी स्टाइल शीट भाषाएँ इन क्षेत्रों में कार्यक्षमता प्रदान करती हैं:

सिंटेक्स
स्टाइल शीट भाषा को मशीन-पठनीय विधि से व्यक्त करने के लिए वाक्य-विन्यास की आवश्यकता होती है। उदाहरण के लिए, यहां सीएसएस सिंटैक्स में लिखी गई सरल स्टाइल शीट है:
h1 { font-size: 1.5em }
इसमें कहा गया है कि लेवल 1 पर शीर्षकों को निकट के पाठ के फ़ॉन्ट आकार के 1.5 गुना फ़ॉन्ट आकार में प्रदर्शित किया जाना चाहिए।
चयनकर्ता
चयनकर्ता निर्दिष्ट करते हैं कि कौन से एलिमेंट शैली नियम से प्रभावित होने हैं। इस प्रकार, चयनकर्ता दस्तावेज़ की संरचना और स्टाइल शीट में शैलीगत नियमों के मध्य गोंद होते हैं। उपरोक्त उदाहरण में, h1 चयनकर्ता सभी h1 एलिमेंट का चयन करता है। अधिक जटिल चयनकर्ता, उदाहरण के लिए, उनके संदर्भ, विशेषताओं और सामग्री के आधार पर एलिमेंट का चयन कर सकते हैं।
गुण
सभी स्टाइल शीट भाषाओं में गुणों की कुछ अवधारणाएँ होती हैं जिन्हें किसी एलिमेंट के प्रतिपादन के विषय को परिवर्तित करने के लिए मान दिए जा सकते हैं। उपरोक्त उदाहरण में सीएसएस की फ़ॉन्ट-आकार संपत्ति का उपयोग किया गया है। सामान्य स्टाइल शीट भाषाओं में दस्तावेज़ों की प्रस्तुति का वर्णन करने के लिए सामान्यतः लगभग 50 गुण होते हैं।
मान और इकाइयाँ
गुण निश्चित मान निर्दिष्ट करके किसी एलिमेंट के प्रतिपादन को परिवर्तित कर सकते हैं। मान स्ट्रिंग, कीवर्ड, संख्या या इकाई पहचानकर्ता वाली संख्या हो सकती है। साथ ही, मान सूचियाँ या या अभिव्यक्तियाँ हो सकती हैं जिनमें उपरोक्त कई मान सम्मिलित हैं। विज़ुअल स्टाइल शीट में विशिष्ट मान लंबाई है; उदाहरण के लिए, 1.5em जिसमें संख्या (1.5) और इकाई (em) सम्मिलित होती है। सीएसएस में em मान निकट के पाठ के फ़ॉन्ट आकार को संदर्भित करता है। सामान्य स्टाइल शीट भाषाओं में लगभग दस भिन्न-भिन्न इकाइयाँ होती हैं।
मूल्य प्रसार प्रणाली
सभी एलेमेंट्स पर गुणों के लिए स्पष्ट रूप से सभी मूल्यों को निर्दिष्ट करने से बचने के लिए, स्टाइल शीट भाषाओं में मूल्यों को स्वचालित रूप से प्रसारित करने के लिए प्रणाली होती हैं। मूल्य प्रचार का मुख्य लाभ कम क्रियाशील स्टाइल शीट है। उपरोक्त उदाहरण में, केवल फ़ॉन्ट आकार निर्दिष्ट किया गया है; अन्य मूल्य प्रसार प्रणाली के माध्यम से पाए जाएंगे। वंशानुक्रम, प्रारंभिक मूल्य और कैस्केडिंग मूल्य प्रसार प्रणाली के उदाहरण हैं।
स्वरूपण मॉडल
सभी स्टाइल शीट भाषाएं किसी न किसी प्रकार के फ़ॉर्मेटिंग मॉडल का समर्थन करती हैं। अधिकांश स्टाइल शीट भाषाओं में विज़ुअल फ़ॉर्मेटिंग मॉडल होता है जो कुछ विस्तार से वर्णन करता है कि अंतिम प्रस्तुति में पाठ और अन्य सामग्री कैसे रखी जाती है। उदाहरण के लिए, सीएसएस फ़ॉर्मेटिंग मॉडल निर्दिष्ट करता है कि ब्लॉक-स्तरीय एलिमेंट (जिनमें से h1 उदाहरण है) मूल एलिमेंट की चौड़ाई को भरने के लिए विस्तारित होते हैं। कुछ स्टाइल शीट भाषाओं में कर्ण स्वरूपण मॉडल भी होता है।[1]


संदर्भ

  1. Lie, Håkon (29 March 2005). "Cascading Style Sheets".