स्टाइल शीट भाषा: 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 सिंटैक्स में लिखी गई सरल स्टाइल शीट है:<syntaxhighlight lang="css">h1 { font-size: 1.5em }</syntaxhighlight>यह कहता है कि स्तर 1 पर शीर्षकों को आसपास के पाठ के फ़ॉन्ट आकार के 1.5 गुना फ़ॉन्ट आकार में प्रदर्शित किया जाना चाहिए। | ||
; चयनकर्ता: चयनकर्ता निर्दिष्ट करते हैं कि शैली नियम से कौन से तत्व प्रभावित होंगे। जैसे, चयनकर्ता दस्तावेज़ की संरचना और स्टाइल शीट में शैलीगत नियमों के बीच गोंद हैं। उपरोक्त उदाहरण में, h1 चयनकर्ता सभी h1 तत्वों का चयन करता है। अधिक जटिल चयनकर्ता उनके संदर्भ, विशेषताओं और सामग्री के आधार पर तत्वों का चयन कर सकते हैं। | ; चयनकर्ता: चयनकर्ता निर्दिष्ट करते हैं कि शैली नियम से कौन से तत्व प्रभावित होंगे। जैसे, चयनकर्ता दस्तावेज़ की संरचना और स्टाइल शीट में शैलीगत नियमों के बीच गोंद हैं। उपरोक्त उदाहरण में, h1 चयनकर्ता सभी h1 तत्वों का चयन करता है। अधिक जटिल चयनकर्ता उनके संदर्भ, विशेषताओं और सामग्री के आधार पर तत्वों का चयन कर सकते हैं। | ||
; गुण: सभी स्टाइल शीट भाषाओं में गुणों की कुछ अवधारणाएँ होती हैं जिन्हें किसी तत्व के प्रतिपादन के | ; गुण: सभी स्टाइल शीट भाषाओं में गुणों की कुछ अवधारणाएँ होती हैं जिन्हें किसी तत्व के प्रतिपादन के पहलू को बदलने के लिए मान दिए जा सकते हैं। उपरोक्त उदाहरण में CSS की फ़ॉन्ट-आकार की संपत्ति का उपयोग किया गया है। दस्तावेजों की प्रस्तुति का वर्णन करने के लिए सामान्य स्टाइल शीट भाषाओं में आमतौर पर लगभग 50 गुण होते हैं। | ||
; मान और इकाइयाँ: गुण | ; मान और इकाइयाँ: गुण निश्चित मान निर्दिष्ट करके किसी तत्व के प्रतिपादन को बदलते हैं। मान स्ट्रिंग, कीवर्ड, संख्या या इकाई पहचानकर्ता के साथ संख्या हो सकती है। साथ ही, मान सूचियाँ या भाव हो सकते हैं जिनमें उपरोक्त कई मान शामिल हैं। विज़ुअल स्टाइल शीट में विशिष्ट मान लंबाई है; उदाहरण के लिए, 1.5em जिसमें संख्या (1.5) और इकाई (em) होती है। CSS में em मान आसपास के पाठ के फ़ॉन्ट आकार को संदर्भित करता है। सामान्य स्टाइल शीट भाषाओं में लगभग दस अलग-अलग इकाइयाँ होती हैं। | ||
; मूल्य प्रसार तंत्र: सभी तत्वों पर सभी गुणों के लिए स्पष्ट रूप से सभी मूल्यों को निर्दिष्ट करने से बचने के लिए, स्टाइल शीट भाषाओं में मूल्यों को स्वचालित रूप से प्रसारित करने के लिए तंत्र हैं। मूल्य प्रचार का मुख्य लाभ कम वर्बोज़ स्टाइल शीट है। उपरोक्त उदाहरण में, केवल फ़ॉन्ट आकार निर्दिष्ट किया गया है; अन्य मूल्य मूल्य प्रचार तंत्र के माध्यम से मिलेंगे। वंशानुक्रम, प्रारंभिक मूल्य और कैस्केडिंग मूल्य प्रसार तंत्र के उदाहरण हैं। | ; मूल्य प्रसार तंत्र: सभी तत्वों पर सभी गुणों के लिए स्पष्ट रूप से सभी मूल्यों को निर्दिष्ट करने से बचने के लिए, स्टाइल शीट भाषाओं में मूल्यों को स्वचालित रूप से प्रसारित करने के लिए तंत्र हैं। मूल्य प्रचार का मुख्य लाभ कम वर्बोज़ स्टाइल शीट है। उपरोक्त उदाहरण में, केवल फ़ॉन्ट आकार निर्दिष्ट किया गया है; अन्य मूल्य मूल्य प्रचार तंत्र के माध्यम से मिलेंगे। वंशानुक्रम, प्रारंभिक मूल्य और कैस्केडिंग मूल्य प्रसार तंत्र के उदाहरण हैं। | ||
; स्वरूपण मॉडल: सभी स्टाइल शीट भाषाएं किसी प्रकार के स्वरूपण मॉडल का समर्थन करती हैं। अधिकांश स्टाइल शीट भाषाओं में | ; स्वरूपण मॉडल: सभी स्टाइल शीट भाषाएं किसी प्रकार के स्वरूपण मॉडल का समर्थन करती हैं। अधिकांश स्टाइल शीट भाषाओं में दृश्य स्वरूपण मॉडल होता है जो वर्णन करता है कि अंतिम प्रस्तुति में पाठ और अन्य सामग्री कैसे रखी जाती है। उदाहरण के लिए, CSS स्वरूपण मॉडल निर्दिष्ट करता है कि ब्लॉक-स्तरीय तत्व (जिनमें से h1 उदाहरण है) पैरेंट तत्व की चौड़ाई को भरने के लिए विस्तारित होते हैं। कुछ स्टाइल शीट भाषाओं में आभासी स्वरूपण मॉडल भी होता है।<ref name="thesis-lie"/> | ||
Revision as of 22:18, 24 June 2023
स्टाइल शीट भाषा, या स्टाइल भाषा, कंप्यूटर भाषा है जो संरचित दस्तावेजों की प्रस्तुति को व्यक्त करती है। संरचित दस्तावेज़ों की आकर्षक विशेषता यह है कि सामग्री का कई संदर्भों में पुन: उपयोग किया जा सकता है और विभिन्न तरीकों से प्रस्तुत किया जा सकता है। विभिन्न प्रस्तुतियों का निर्माण करने के लिए विभिन्न स्टाइल शीट को तार्किक संरचना से जोड़ा जा सकता है।
व्यापक उपयोग वाली आधुनिक स्टाइल शीट भाषा व्यापक शैली पत्रक (CSS) है, जिसका उपयोग HTML, XHTML, स्केलेबल वेक्टर ग्राफिक्स, XUL और अन्य मार्कअप भाषाओं में लिखे गए दस्तावेज़ों को स्टाइल करने के लिए किया जाता है।
प्रस्तुत किए जाने वाले संरचित दस्तावेज़ों की सामग्री के लिए, शैलीगत नियमों का सेट - वर्णन करना, उदाहरण के लिए, रंग, फ़ॉन्ट और लेआउट - लागू किया जाना चाहिए। शैलीगत नियमों के संग्रह को स्टाइल शीट कहा जाता है। लिखित दस्तावेजों के रूप में स्टाइल शीट का संपादकों और टाइपोग्राफरों द्वारा प्रस्तुति, वर्तनी और विराम चिह्न की निरंतरता सुनिश्चित करने के लिए उपयोग का लंबा इतिहास है। इलेक्ट्रॉनिक प्रकाशन में, स्टाइल शीट भाषाओं का प्रयोग ज्यादातर वर्तनी और विराम चिह्न के बजाय दृश्य प्रस्तुति के संदर्भ में किया जाता है।
अवयव
सभी स्टाइल शीट भाषाएँ इन क्षेत्रों में कार्यक्षमता प्रदान करती हैं:
- सिंटेक्स
- मशीन-पठनीय तरीके से व्यक्त करने के लिए स्टाइल शीट भाषा को सिंटैक्स की आवश्यकता होती है। उदाहरण के लिए, यहाँ CSS सिंटैक्स में लिखी गई सरल स्टाइल शीट है:यह कहता है कि स्तर 1 पर शीर्षकों को आसपास के पाठ के फ़ॉन्ट आकार के 1.5 गुना फ़ॉन्ट आकार में प्रदर्शित किया जाना चाहिए।
h1 { font-size: 1.5em }
- चयनकर्ता
- चयनकर्ता निर्दिष्ट करते हैं कि शैली नियम से कौन से तत्व प्रभावित होंगे। जैसे, चयनकर्ता दस्तावेज़ की संरचना और स्टाइल शीट में शैलीगत नियमों के बीच गोंद हैं। उपरोक्त उदाहरण में, h1 चयनकर्ता सभी h1 तत्वों का चयन करता है। अधिक जटिल चयनकर्ता उनके संदर्भ, विशेषताओं और सामग्री के आधार पर तत्वों का चयन कर सकते हैं।
- गुण
- सभी स्टाइल शीट भाषाओं में गुणों की कुछ अवधारणाएँ होती हैं जिन्हें किसी तत्व के प्रतिपादन के पहलू को बदलने के लिए मान दिए जा सकते हैं। उपरोक्त उदाहरण में CSS की फ़ॉन्ट-आकार की संपत्ति का उपयोग किया गया है। दस्तावेजों की प्रस्तुति का वर्णन करने के लिए सामान्य स्टाइल शीट भाषाओं में आमतौर पर लगभग 50 गुण होते हैं।
- मान और इकाइयाँ
- गुण निश्चित मान निर्दिष्ट करके किसी तत्व के प्रतिपादन को बदलते हैं। मान स्ट्रिंग, कीवर्ड, संख्या या इकाई पहचानकर्ता के साथ संख्या हो सकती है। साथ ही, मान सूचियाँ या भाव हो सकते हैं जिनमें उपरोक्त कई मान शामिल हैं। विज़ुअल स्टाइल शीट में विशिष्ट मान लंबाई है; उदाहरण के लिए, 1.5em जिसमें संख्या (1.5) और इकाई (em) होती है। CSS में em मान आसपास के पाठ के फ़ॉन्ट आकार को संदर्भित करता है। सामान्य स्टाइल शीट भाषाओं में लगभग दस अलग-अलग इकाइयाँ होती हैं।
- मूल्य प्रसार तंत्र
- सभी तत्वों पर सभी गुणों के लिए स्पष्ट रूप से सभी मूल्यों को निर्दिष्ट करने से बचने के लिए, स्टाइल शीट भाषाओं में मूल्यों को स्वचालित रूप से प्रसारित करने के लिए तंत्र हैं। मूल्य प्रचार का मुख्य लाभ कम वर्बोज़ स्टाइल शीट है। उपरोक्त उदाहरण में, केवल फ़ॉन्ट आकार निर्दिष्ट किया गया है; अन्य मूल्य मूल्य प्रचार तंत्र के माध्यम से मिलेंगे। वंशानुक्रम, प्रारंभिक मूल्य और कैस्केडिंग मूल्य प्रसार तंत्र के उदाहरण हैं।
- स्वरूपण मॉडल
- सभी स्टाइल शीट भाषाएं किसी प्रकार के स्वरूपण मॉडल का समर्थन करती हैं। अधिकांश स्टाइल शीट भाषाओं में दृश्य स्वरूपण मॉडल होता है जो वर्णन करता है कि अंतिम प्रस्तुति में पाठ और अन्य सामग्री कैसे रखी जाती है। उदाहरण के लिए, CSS स्वरूपण मॉडल निर्दिष्ट करता है कि ब्लॉक-स्तरीय तत्व (जिनमें से h1 उदाहरण है) पैरेंट तत्व की चौड़ाई को भरने के लिए विस्तारित होते हैं। कुछ स्टाइल शीट भाषाओं में आभासी स्वरूपण मॉडल भी होता है।[1]
संदर्भ
- ↑ Lie, Håkon (29 March 2005). "Cascading Style Sheets".
