जावास्क्रिप्ट स्टाइल शीट्स: Difference between revisions
(Created page with "{{Short description|Stylesheet language proposed by Netscape}} {{infobox file format | name = JavaScript Style Sheets | extension = | screenshot = | mime = text/javascript |...") |
No edit summary |
||
(7 intermediate revisions by 3 users not shown) | |||
Line 9: | Line 9: | ||
| standard = [http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the W3C] | | standard = [http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the W3C] | ||
}} | }} | ||
जावास्क्रिप्ट स्टाइल | '''जावास्क्रिप्ट स्टाइल शीट (जेएसएसएस)''' 1996 में [[नेटस्केप]] द्वारा वेबपृष्ठों की प्रस्तुति को परिभाषित करने की सुविधा प्रदान करने के लिए प्रस्तावित एक [[स्टाइलशीट भाषा]] तकनीक थी।<ref name="chapter20">{{cite web|title=Chapter 20 - The CSS saga|url=http://www.w3.org/Style/LieBos2e/history/|publisher=[[World Wide Web Consortium]]|access-date=23 June 2010|author=Håkon Wium Lie|author-link=Håkon Wium Lie|author2=Bert Bos|author2-link=Bert Bos}}</ref> इस प्रकार से यह [[ व्यापक शैली पत्रक |व्यापक स्टाइल शीट]] (सीएसएस) तकनीक का एक विकल्प था।<ref name="chapter20" /> | ||
यद्यपि नेटस्केप ने इसे [[ विश्वव्यापी वेब संकाय |वर्ल्ड वाइड वेब संघ]] (डब्ल्यू3सी) को प्रस्तुत किया, परन्तु तकनीक को औपचारिक मानक के रूप में कभी स्वीकार नहीं किया गया और इसे कभी भी [[वेब ब्राउज़र]] बाजार में स्वीकृति नहीं मिली थी। इस प्रकार से मात्र [[नेटस्केप कम्युनिकेटर|नेटस्केप संप्रेषक]] 4 ने जेएसएसएस को लागू किया जिससे प्रतिद्वंद्वी [[इंटरनेट एक्सप्लोरर]] ने प्रौद्योगिकी को लागू नहीं करने का विकल्प चुना था। अतः 1997 में नेटस्केप संप्रेषक के जारी होने के तुरंत बाद नेटस्केप द्वारा प्रतिद्वंद्वी सीएसएस मानक पर ध्यान केंद्रित करने के अतिरिक्त जेएसएसएस को पूर्ण रूप से बढ़ावा देना संवृत कर दिया गया था, जिसे इंटरनेट एक्सप्लोरर द्वारा भी समर्थित किया गया था और इसकी व्यापक उद्योग की स्वीकृति की थी। | |||
नेटस्केप | इस प्रकार से नेटस्केप संप्रेषक ने [[नेटस्केप 6]] (2000 में जारी) के अनुवर्ती द्वारा जेएसएसएस के लिए समर्थन छोड़ दिया था। अतः यह अब पूर्ण रूप से एक ऐतिहासिक फुटनोट से अतिरिक्त अधिक है क्योंकि यह [[वेब विकास]] के साथ सामान्यतः इसके पूर्व अस्तित्व से अनभिज्ञ है। अतः यह प्रस्ताव डब्ल्यू3सी मानक नहीं बन पाया था। | ||
== सिंटेक्स == | == सिंटेक्स == | ||
एक स्टाइलशीट के रूप में [[जावास्क्रिप्ट]] कोड का उपयोग करते हुए, | इस प्रकार से एक स्टाइलशीट के रूप में [[जावास्क्रिप्ट]] कोड का उपयोग करते हुए किया था, जेएसएसएस किसी <code>document.tags</code> वस्तु के गुणों को संशोधित करके व्यक्तिगत अवयव को स्टाइल करता है। उदाहरण के लिए, सीएसएस: | ||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
h1 { font-size: 20pt; } | h1 { font-size: 20pt; } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
जेएसएसएस के बराबर है: | इस प्रकार से यह जेएसएसएस के बराबर है: | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
document.tags.H1.fontSize = "20pt"; | document.tags.H1.fontSize = "20pt"; | ||
</syntaxhighlight> | </syntaxhighlight> | ||
जेएसएसएस अवयव नाम विषय संवेदी होते हैं। | |||
अतः जेएसएसएस में विभिन्न सीएसएस चयनकर्ता सुविधाओं का अभाव है, मात्र साधारण टैग नाम, वर्ग और आईडी चयनकर्ताओं का समर्थन करता है। इस प्रकार से दूसरी ओर, चूंकि यह एक पूर्ण [[प्रोग्रामिंग भाषा]] का उपयोग करके लिखा गया है अतः इसलिए स्टाइलशीट में अत्यधिक जटिल गतिशील गणना और प्रतिबन्ध प्रसंस्करण सम्मिलित हो सकते हैं। (अतः व्यवहार में, यद्यपि, इसे कार्यावधि पर डॉक्यूमेंट पर लागू स्टाइलशीट को संशोधित करने के लिए जावास्क्रिप्ट का उपयोग करके प्राप्त किया जा सकता है।) इस प्रकार से इस कारण से जेएसएसएस का उपयोग प्रायः [[ गतिशील वेब पेज |गतिशील वेब पृष्ठ]] के निर्माण में किया जाता था। | |||
इस | |||
=== उदाहरण === | === उदाहरण === | ||
निम्न उदाहरण | इस प्रकार से निम्न उदाहरण एचटीएमएल-डॉक्यूमेंट के स्रोत कोड का भाग दिखाता है: | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
Line 47: | Line 46: | ||
</style> | </style> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
कैस्केडिंग स्टाइल | इस प्रकार से कैस्केडिंग स्टाइल शीट के समान, जेएसएसएस का उपयोग {{tag|style|o}} टैग में किया जा सकता है। अतः यह उदाहरण टैग चुनने के दो अलग-अलग विधियों को दिखाता है। | ||
== ब्राउज़र समर्थन == | == ब्राउज़र समर्थन == | ||
जावास्क्रिप्ट स्टाइल शीट | इस प्रकार से जावास्क्रिप्ट स्टाइल शीट मात्र नेटस्केप 4.x (4.0–4.8) द्वारा समर्थित थे परन्तु बाद के संस्करणों में ऐसा नहीं था। अतः किसी अन्य वेब ब्राउज़र ने कभी भी जेएसएसएस को एकीकृत नहीं किया है। | ||
==संदर्भ== | ==संदर्भ== | ||
Line 57: | Line 56: | ||
==बाहरी संबंध== | ==बाहरी संबंध== | ||
*[http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the | *[http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the डब्ल्यू3सी] | ||
*[http://sunsite.uakom.sk/sunworldonline/swol-04-1997/swol-04-webmaster.html The dynamic, powerful abilities of JavaScript Style Sheets] | *[http://sunsite.uakom.sk/sunworldonline/swol-04-1997/swol-04-webmaster.html The dynamic, powerful abilities of JavaScript Style Sheets] | ||
*[https://web.archive.org/web/20200401000000*/http://www.damsbo.com/webdev/jsss/jss25.htm JavaScript Style Sheet Reference] | *[https://web.archive.org/web/20200401000000*/http://www.damsbo.com/webdev/jsss/jss25.htm JavaScript Style Sheet Reference] | ||
Line 65: | Line 64: | ||
{{Stylesheet languages}} | {{Stylesheet languages}} | ||
{{W3C standards}} | {{W3C standards}} | ||
[[Category:1996 में कंप्यूटर से संबंधित परिचय]] | |||
[[Category:Collapse templates]] | |||
[[Category: | |||
[[Category:Created On 16/06/2023]] | [[Category:Created On 16/06/2023]] | ||
[[Category:Lua-based templates]] | |||
[[Category:Machine Translated Page]] | |||
[[Category:Navigational boxes| ]] | |||
[[Category:Navigational boxes without horizontal lists]] | |||
[[Category:Netscape]] | |||
[[Category:Pages with script errors]] | |||
[[Category:Sidebars with styles needing conversion]] | |||
[[Category:Template documentation pages|Documentation/doc]] | |||
[[Category:Templates Vigyan Ready]] | |||
[[Category:Templates generating microformats]] | |||
[[Category:Templates that add a tracking category]] | |||
[[Category:Templates that are not mobile friendly]] | |||
[[Category:Templates that generate short descriptions]] | |||
[[Category:Templates using TemplateData]] | |||
[[Category:Wikipedia metatemplates]] | |||
[[Category:जावास्क्रिप्ट| स्टाइल शीट्स]] | |||
[[Category:पटकथा भाषाएँ]] | |||
[[Category:वेब डिजाइन]] | |||
[[Category:स्टाइलशीट भाषाएँ]] |
Latest revision as of 11:34, 2 July 2023
Internet media type |
text/javascript |
---|---|
Developed by | Netscape Communications Corporation |
Type of format | Style sheet language |
Standard | Netscape's JavaScript-Based Style Sheets submission to the W3C |
जावास्क्रिप्ट स्टाइल शीट (जेएसएसएस) 1996 में नेटस्केप द्वारा वेबपृष्ठों की प्रस्तुति को परिभाषित करने की सुविधा प्रदान करने के लिए प्रस्तावित एक स्टाइलशीट भाषा तकनीक थी।[1] इस प्रकार से यह व्यापक स्टाइल शीट (सीएसएस) तकनीक का एक विकल्प था।[1]
यद्यपि नेटस्केप ने इसे वर्ल्ड वाइड वेब संघ (डब्ल्यू3सी) को प्रस्तुत किया, परन्तु तकनीक को औपचारिक मानक के रूप में कभी स्वीकार नहीं किया गया और इसे कभी भी वेब ब्राउज़र बाजार में स्वीकृति नहीं मिली थी। इस प्रकार से मात्र नेटस्केप संप्रेषक 4 ने जेएसएसएस को लागू किया जिससे प्रतिद्वंद्वी इंटरनेट एक्सप्लोरर ने प्रौद्योगिकी को लागू नहीं करने का विकल्प चुना था। अतः 1997 में नेटस्केप संप्रेषक के जारी होने के तुरंत बाद नेटस्केप द्वारा प्रतिद्वंद्वी सीएसएस मानक पर ध्यान केंद्रित करने के अतिरिक्त जेएसएसएस को पूर्ण रूप से बढ़ावा देना संवृत कर दिया गया था, जिसे इंटरनेट एक्सप्लोरर द्वारा भी समर्थित किया गया था और इसकी व्यापक उद्योग की स्वीकृति की थी।
इस प्रकार से नेटस्केप संप्रेषक ने नेटस्केप 6 (2000 में जारी) के अनुवर्ती द्वारा जेएसएसएस के लिए समर्थन छोड़ दिया था। अतः यह अब पूर्ण रूप से एक ऐतिहासिक फुटनोट से अतिरिक्त अधिक है क्योंकि यह वेब विकास के साथ सामान्यतः इसके पूर्व अस्तित्व से अनभिज्ञ है। अतः यह प्रस्ताव डब्ल्यू3सी मानक नहीं बन पाया था।
सिंटेक्स
इस प्रकार से एक स्टाइलशीट के रूप में जावास्क्रिप्ट कोड का उपयोग करते हुए किया था, जेएसएसएस किसी document.tags
वस्तु के गुणों को संशोधित करके व्यक्तिगत अवयव को स्टाइल करता है। उदाहरण के लिए, सीएसएस:
h1 { font-size: 20pt; }
इस प्रकार से यह जेएसएसएस के बराबर है:
document.tags.H1.fontSize = "20pt";
जेएसएसएस अवयव नाम विषय संवेदी होते हैं।
अतः जेएसएसएस में विभिन्न सीएसएस चयनकर्ता सुविधाओं का अभाव है, मात्र साधारण टैग नाम, वर्ग और आईडी चयनकर्ताओं का समर्थन करता है। इस प्रकार से दूसरी ओर, चूंकि यह एक पूर्ण प्रोग्रामिंग भाषा का उपयोग करके लिखा गया है अतः इसलिए स्टाइलशीट में अत्यधिक जटिल गतिशील गणना और प्रतिबन्ध प्रसंस्करण सम्मिलित हो सकते हैं। (अतः व्यवहार में, यद्यपि, इसे कार्यावधि पर डॉक्यूमेंट पर लागू स्टाइलशीट को संशोधित करने के लिए जावास्क्रिप्ट का उपयोग करके प्राप्त किया जा सकता है।) इस प्रकार से इस कारण से जेएसएसएस का उपयोग प्रायः गतिशील वेब पृष्ठ के निर्माण में किया जाता था।
उदाहरण
इस प्रकार से निम्न उदाहरण एचटीएमएल-डॉक्यूमेंट के स्रोत कोड का भाग दिखाता है:
<style type="text/javascript">
tags.H1.color = "red";
tags.p.fontSize = "20pt";
with (tags.H3) {
color = "green";
}
with (tags.H2) {
color = "red";
fontSize = "16pt";
marginTop = "4cm";
}
</style>
इस प्रकार से कैस्केडिंग स्टाइल शीट के समान, जेएसएसएस का उपयोग <style>
टैग में किया जा सकता है। अतः यह उदाहरण टैग चुनने के दो अलग-अलग विधियों को दिखाता है।
ब्राउज़र समर्थन
इस प्रकार से जावास्क्रिप्ट स्टाइल शीट मात्र नेटस्केप 4.x (4.0–4.8) द्वारा समर्थित थे परन्तु बाद के संस्करणों में ऐसा नहीं था। अतः किसी अन्य वेब ब्राउज़र ने कभी भी जेएसएसएस को एकीकृत नहीं किया है।
संदर्भ
- ↑ 1.0 1.1 Håkon Wium Lie; Bert Bos. "Chapter 20 - The CSS saga". World Wide Web Consortium. Retrieved 23 June 2010.