एचटीएमएल संपादक: Difference between revisions
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
{{Use dmy dates|date=December 2021}} | {{Use dmy dates|date=December 2021}} | ||
{{Html series}} | {{Html series}} | ||
[[HTML]] संपादक | [[HTML|एचटीएमएल]] संपादक एचटीएमएल के संपादन के लिए एक [[कंप्यूटर प्रोग्राम]] है। जो एक [[वेब पृष्ठ]] की मार्कअप भाषा है हालांकि किसी वेब पेज में एचटीएमएल मार्कअप को किसी भी [[पाठ संपादक]] से नियंत्रित किया जा सकता है। विशेष एचटीएमएल संपादक सुविधा और अतिरिक्त कार्यक्षमता प्रदान कर सकते हैं। उदाहरण के लिए कई एचटीएमएल संपादक न केवल एचटीएमएल , बल्कि संबंधित तकनीकों जैसे [[व्यापक शैली पत्रक|व्यापक शैली पत्रक (CSS]]), [[XML]] और JavaScript या [[ECMAScript]] को भी संभालते हैं। कुछ मामलों में वे [[फ़ाइल ट्रांसफ़र प्रोटोकॉल]] (FTP) और [[WebDAV]] के माध्यम से दूरस्थ वेब सर्वर के साथ संचार का प्रबंधन करते हैं,और [[संस्करण नियंत्रण प्रणाली]] जैसे तोडफोड़ या गिट(सॉफ़्टवेयर)। कई [[शब्द संसाधन]], [[ग्राफ़िक डिज़ाइन]] और पृष्ठ लेआउट प्रोग्राम जो [[वेब डिजाइन]] के लिए समर्पित नहीं हैं, जैसे कि [[Microsoft Word]] या [[Quark XPress]] में भी एचटीएमएल संपादकों के रूप में कार्य करने की क्षमता होती है। | ||
== संपादकों के प्रकार == | == संपादकों के प्रकार == | ||
एचटीएमएल संपादकों की दो मुख्य किस्में हैं: टेक्स्ट और [[WYSIWYG]] (जो आप देखते हैं वही आपको मिलता है) संपादक। | |||
=== [[पाठ संपादक]] === | === [[पाठ संपादक]] === | ||
एचटीएमएल के साथ उपयोग के लिए इच्छित पाठ संपादक आमतौर पर कम से कम [[वाक्य - विन्यास पर प्रकाश डालना]] प्रदान करते हैं। कुछ संपादक अतिरिक्त रूप से टेम्प्लेट (फ़ाइल स्वरूप), [[उपकरण पट्टी]] और [[कुंजीपटल संक्षिप्त रीति]] (कीबोर्ड शॉर्टकट) की सुविधा देते हैं ताकि सामान्य एचटीएमएल तत्वों और संरचनाओं को जल्दी से सम्मिलित किया जा सके। विज़ार्ड (सॉफ़्टवेयर), [[टूलटिप]] संकेत और [[स्वत: पूर्ण]] सामान्य कार्यों में सहायता कर सकते हैं। | |||
आमतौर पर | आमतौर पर एचटीएमएल के लिए उपयोग किए जाने वाले पाठ संपादकों में [[संस्करण नियंत्रण]], लिंक-जांच और [[सत्यापनकर्ता]], वर्तनी-जांच, FTP या WebDAV द्वारा अपलोडिंग और प्रोजेक्ट के रूप में संरचना जैसे कार्यों के लिए या तो अंतर्निहित कार्यों या बाहरी उपकरणों के साथ एकीकरण शामिल है। लिंक जाँच या सत्यापन जैसे कुछ कार्यों ऑनलाइन उपकरण का का उपयोग कर सकते हैं, जिसके लिए नेटवर्क कनेक्शन की आवश्यकता होती है। | ||
पाठ संपादकों को | पाठ संपादकों को एचटीएमएल और किसी भी अन्य वेब तकनीकों की उपयोगकर्ता समझ की आवश्यकता होती है, जिसे डिज़ाइनर [[व्यापक शैली पत्रक]] (CSS), जावास्क्रिप्ट और [[सर्वर-साइड स्क्रिप्टिंग]] भाषाओं की तरह उपयोग करना चाहता है। | ||
इस आवश्यकता को कम करने के लिए, कुछ संपादक सरल रंग हाइलाइटिंग की तुलना में अधिक ग्राफ़िक आयोजक मोड मार्कअप के संपादन की अनुमति देते हैं, लेकिन ऐसे मोड में जिन्हें WYSIWYG नहीं माना जाता है। इन संपादकों में आमतौर पर चयनित ऑब्जेक्ट (कंप्यूटर विज्ञान) के पाठ-आधारित मापदंडों को संपादित करने के लिए [[पैलेट खिड़की]] या [[संवाद बकस|संवाद बॉक्स]] का उपयोग करने का विकल्प शामिल होता है। ये पैलेट अलग-अलग क्षेत्रों में संपादन पैरामीटर की अनुमति देते हैं या ऑनस्क्रीन फॉर्म भरकर नए टैग डालने की अनुमति देते हैं, और पैरामीटर संपादित करते समय विकल्पों को प्रस्तुत करने और चुनने के लिए अतिरिक्त [[विजेट (कंप्यूटिंग)|विजेट(कंप्यूटिंग)]] शामिल कर सकते हैं (जैसे छवि या टेक्स्ट शैलियों का पूर्वावलोकन करना) या विस्तार करने के लिए एक रूपरेखा संपादक और | इस आवश्यकता को कम करने के लिए, कुछ संपादक सरल रंग हाइलाइटिंग की तुलना में अधिक ग्राफ़िक आयोजक मोड मार्कअप के संपादन की अनुमति देते हैं, लेकिन ऐसे मोड में जिन्हें WYSIWYG नहीं माना जाता है। इन संपादकों में आमतौर पर चयनित ऑब्जेक्ट (कंप्यूटर विज्ञान) के पाठ-आधारित मापदंडों को संपादित करने के लिए [[पैलेट खिड़की]] या [[संवाद बकस|संवाद बॉक्स]] का उपयोग करने का विकल्प शामिल होता है। ये पैलेट अलग-अलग क्षेत्रों में संपादन पैरामीटर की अनुमति देते हैं या ऑनस्क्रीन फॉर्म भरकर नए टैग डालने की अनुमति देते हैं, और पैरामीटर संपादित करते समय विकल्पों को प्रस्तुत करने और चुनने के लिए अतिरिक्त [[विजेट (कंप्यूटिंग)|विजेट(कंप्यूटिंग)]] शामिल कर सकते हैं (जैसे छवि या टेक्स्ट शैलियों का पूर्वावलोकन करना) या विस्तार करने के लिए एक रूपरेखा संपादक और एचटीएमएल वस्तुओं और गुणों को संक्षिप्त करें। | ||
===WYSIWYG | ===WYSIWYG एचटीएमएल संपादक === | ||
WYSIWYG | WYSIWYG एचटीएमएल संपादक एक संपादन इंटरफ़ेस प्रदान करते हैं, जो [[वेब ब्राउज़र]] में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG संपादक का उपयोग करने के लिए किसी एचटीएमएल ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन कंप्यूटर उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है। | ||
WYSIWYG दृश्य एक [[ब्राउज़र इंजन]] को एम्बेड करके प्राप्त किया जाता है। यह कस्टम-लिखित हो सकता है या वेब ब्राउज़र में उपयोग किए जाने वाले पर आधारित हो सकता है। लक्ष्य यह है कि, संपादन के दौरान हर समय, रेंडरिंग (कंप्यूटर ग्राफ़िक्स) परिणाम को यह दर्शाना चाहिए कि बाद में एक विशिष्ट वेब ब्राउज़र में क्या देखा जाएगा। | WYSIWYG दृश्य एक [[ब्राउज़र इंजन]] को एम्बेड करके प्राप्त किया जाता है। यह कस्टम-लिखित हो सकता है या वेब ब्राउज़र में उपयोग किए जाने वाले पर आधारित हो सकता है। लक्ष्य यह है कि, संपादन के दौरान हर समय, रेंडरिंग (कंप्यूटर ग्राफ़िक्स) परिणाम को यह दर्शाना चाहिए कि बाद में एक विशिष्ट वेब ब्राउज़र में क्या देखा जाएगा। | ||
[[WYSIWYM]] (आप जो देखते हैं वही आपका मतलब है) | [[WYSIWYM]] (आप जो देखते हैं वही आपका मतलब है) संपादकों के लिए एक वैकल्पिक प्रतिमान है। दस्तावेज़ के प्रारूप या प्रस्तुति पर ध्यान केंद्रित करने के बजाय, यह प्रत्येक तत्व के इच्छित अर्थ को संरक्षित करता है। उदाहरण के लिए, पेज हेडर, सेक्शन, पैराग्राफ आदि को एडिटिंग प्रोग्राम में इस तरह लेबल किया जाता है और ब्राउज़र में उचित रूप से प्रदर्शित किया जाता है। | ||
====WYSIWYG प्राप्त करने में कठिनाइयाँ==== | ====WYSIWYG प्राप्त करने में कठिनाइयाँ==== | ||
एक दिया गया | एक दिया गया एचटीएमएल दस्तावेज़ कई कारणों से विभिन्न प्लेटफार्मों और कंप्यूटरों पर असंगत दिखाई देगा। | ||
;विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे। | ;विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे। | ||
: [[Google Chrome]], Safari (वेब ब्राउज़र), [[Microsoft Edge]], [[Internet Explorer]] और [[Firefox]] एक ही पृष्ठ थोड़ा भिन्न रूप से प्रदर्शित हो सकता है, लेकिन यह पूरी तरह से मान्य टेक्स्ट-ओनली लिंक्स में बहुत भिन्न दिखाई देगा। इसे एक पीडीए, एक इंटरनेट-सक्षम टेलीविजन और एक मोबाइल फोन पर फिर से अलग तरीके से प्रस्तुत करने की आवश्यकता होती है। भाषण या [[ब्रेल]] ब्राउजर में या किसी पारंपरिक ब्राउजर के साथ काम करने वाले स्क्रीन-रीडर के माध्यम से अलग तरह की मांगों को रखा जाएगा।{{clarify|date=October 2020}} अंतर्निहित | : [[Google Chrome]], Safari (वेब ब्राउज़र), [[Microsoft Edge]], [[Internet Explorer]] और [[Firefox]] एक ही पृष्ठ थोड़ा भिन्न रूप से प्रदर्शित हो सकता है, लेकिन यह पूरी तरह से मान्य टेक्स्ट-ओनली लिंक्स में बहुत भिन्न दिखाई देगा। इसे एक पीडीए, एक इंटरनेट-सक्षम टेलीविजन और एक मोबाइल फोन पर फिर से अलग तरीके से प्रस्तुत करने की आवश्यकता होती है। भाषण या [[ब्रेल]] ब्राउजर में या किसी पारंपरिक ब्राउजर के साथ काम करने वाले स्क्रीन-रीडर के माध्यम से अलग तरह की मांगों को रखा जाएगा।{{clarify|date=October 2020}} अंतर्निहित एचटीएमएल के पहलू। एक लेखक जो कुछ भी कर सकता है वह उपस्थिति का सुझाव देता है। | ||
:वेब ब्राउज़र सभी कंप्यूटर सॉफ़्टवेयर की तरह कंप्यूटर बग होते है, वे वर्तमान [[वेब मानक|वेब मानको]] के अनुरूप नहीं हो सकते हैं। सभी सामान्य ब्राउज़रों के मौजूदा बग के आसपास वेब पेजों को डिजाइन करने की कोशिश करना निराशाजनक है। हर बार जब प्रत्येक ब्राउज़र का एक नया संस्करण सामने आता है, तो [[वर्ल्ड वाइड वेब]] के एक महत्वपूर्ण हिस्से को नए बग्स के अनुरूप फिर से कोडिंग की आवश्यकता होती है। आम तौर पर मानकों के अनुसार डिजाइन करना अधिक बुद्धिमान माना जाता है, जब तक कि वे व्यवस्थित न हो जाएं, तब तक 'ब्लीडिंग एज' सुविधाओं से दूर रहें, और फिर इसके विपरीत होने के बजाय ब्राउज़र डेवलपर्स द्वारा आपके पृष्ठों तक पहुंचने की प्रतीक्षा करें।<ref>{{cite web|url=http://www.w3.org/People/Bos/DesignGuide/designguide.html |title=W3C के डिजाइन सिद्धांतों पर एक निबंध|publisher=W3.org |access-date=2013-10-23}}</ref> उदाहरण के लिए कोई भी यह तर्क नहीं दे सकता है कि CSS अभी भी 'अत्याधुनिक' है क्योंकि सभी प्रमुख विशेषताओं के लिए सामान्य ब्राउज़रों में व्यापक समर्थन उपलब्ध है,<ref>{{cite web|url=http://www.w3.org/Style/CSS/#browsers |title=व्यापक शैली पत्रक|publisher=W3.org |access-date=2013-10-23}}</ref> भले ही कई WYSIWYG और अन्य संपादक अभी तक पूरी तरह से पकड़ में नहीं आए हों।<ref>{{cite web|url=http://www.w3.org/Style/CSS/#editors |title=व्यापक शैली पत्रक|publisher=W3.org |access-date=2013-10-23}}</ref> | :वेब ब्राउज़र सभी कंप्यूटर सॉफ़्टवेयर की तरह कंप्यूटर बग होते है, वे वर्तमान [[वेब मानक|वेब मानको]] के अनुरूप नहीं हो सकते हैं। सभी सामान्य ब्राउज़रों के मौजूदा बग के आसपास वेब पेजों को डिजाइन करने की कोशिश करना निराशाजनक है। हर बार जब प्रत्येक ब्राउज़र का एक नया संस्करण सामने आता है, तो [[वर्ल्ड वाइड वेब]] के एक महत्वपूर्ण हिस्से को नए बग्स के अनुरूप फिर से कोडिंग की आवश्यकता होती है। आम तौर पर मानकों के अनुसार डिजाइन करना अधिक बुद्धिमान माना जाता है, जब तक कि वे व्यवस्थित न हो जाएं, तब तक 'ब्लीडिंग एज' सुविधाओं से दूर रहें, और फिर इसके विपरीत होने के बजाय ब्राउज़र डेवलपर्स द्वारा आपके पृष्ठों तक पहुंचने की प्रतीक्षा करें।<ref>{{cite web|url=http://www.w3.org/People/Bos/DesignGuide/designguide.html |title=W3C के डिजाइन सिद्धांतों पर एक निबंध|publisher=W3.org |access-date=2013-10-23}}</ref> उदाहरण के लिए कोई भी यह तर्क नहीं दे सकता है कि[[व्यापक शैली पत्रक]] (CSS) अभी भी 'अत्याधुनिक' है क्योंकि सभी प्रमुख विशेषताओं के लिए सामान्य ब्राउज़रों में व्यापक समर्थन उपलब्ध है,<ref>{{cite web|url=http://www.w3.org/Style/CSS/#browsers |title=व्यापक शैली पत्रक|publisher=W3.org |access-date=2013-10-23}}</ref> भले ही कई WYSIWYG और अन्य संपादक अभी तक पूरी तरह से पकड़ में नहीं आए हों।<ref>{{cite web|url=http://www.w3.org/Style/CSS/#editors |title=व्यापक शैली पत्रक|publisher=W3.org |access-date=2013-10-23}}</ref> | ||
;एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है। | ;एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है। | ||
: | : एचटीएमएल दस्तावेज़ की अंतर्निहित संरचना से प्राप्त सिमेंटिक अर्थ, खोज इंजनों और विभिन्न अभिगम्यता उपकरणों के लिए भी महत्वपूर्ण है। कागज पर हम संदर्भ और अनुभव से बता सकते हैं कि क्या बोल्ड टेक्स्ट एक शीर्षक, या जोर, या कुछ और दर्शाता है। लेकिन WYSIWYG संपादक में इस अंतर को व्यक्त करना बहुत कठिन है। WYSIWYG संपादक में केवल पाठ के एक टुकड़े को बोल्ड करना पाठक को यह बताने के लिए पर्याप्त नहीं है कि पाठ बोल्ड क्यों है - बोल्डनेस शब्दार्थ क्या दर्शाता है। | ||
;आधुनिक वेब साइटों का निर्माण शायद ही कभी इस तरह से किया जाता है जो WYSIWYG को उपयोगी बनाता है | ;आधुनिक वेब साइटों का निर्माण शायद ही कभी इस तरह से किया जाता है जो WYSIWYG को उपयोगी बनाता है | ||
: आधुनिक वेब साइट्स आमतौर पर एक सामग्री प्रबंधन प्रणाली या कुछ अन्य टेम्पलेट प्रोसेसर - आधारित साधनों का उपयोग करती हैं, जो डेटाबेस में संग्रहीत सामग्री का उपयोग करके फ्लाई पर पृष्ठों का निर्माण करती हैं। व्यक्तिगत पृष्ठ कभी भी फ़ाइल सिस्टम में संग्रहीत नहीं होते हैं क्योंकि उन्हें WYSIWYG संपादक में डिज़ाइन और संपादित किया जा सकता है, इस प्रकार अमूर्त टेम्पलेट-आधारित लेआउट का कुछ रूप अनिवार्य है, WYSIWYG संपादक का उपयोग करने के मुख्य लाभों में से एक को अमान्य कर देता है। | : आधुनिक वेब साइट्स आमतौर पर एक सामग्री प्रबंधन प्रणाली या कुछ अन्य टेम्पलेट प्रोसेसर - आधारित साधनों का उपयोग करती हैं, जो डेटाबेस में संग्रहीत सामग्री का उपयोग करके फ्लाई पर पृष्ठों का निर्माण करती हैं। व्यक्तिगत पृष्ठ कभी भी फ़ाइल सिस्टम में संग्रहीत नहीं होते हैं क्योंकि उन्हें WYSIWYG संपादक में डिज़ाइन और संपादित किया जा सकता है, इस प्रकार अमूर्त टेम्पलेट-आधारित लेआउट का कुछ रूप अनिवार्य है, WYSIWYG संपादक का उपयोग करने के मुख्य लाभों में से एक को अमान्य कर देता है। | ||
== मान्य | == मान्य एचटीएमएल मार्कअप == | ||
एचटीएमएल एक संरचित मार्कअप भाषा है। वर्ल्ड वाइड वेब के लिए [[W3C]] मानकों के अनुरूप होने के लिए एचटीएमएल को कैसे लिखा जाना चाहिए, इस पर कुछ नियम हैं। इन नियमों का पालन करने का मतलब है कि वेब साइट सभी प्रकार के कंप्यूटरों पर, सक्षम और विकलांग लोगों के लिए और वायरलेस मोबाइल फोन और पीडीए जैसे [[तार रहित]] उपकरणों पर भी उनके सीमित बैंडविड्थ और स्क्रीन आकार के साथ उपलब्ध हैं। हालाँकि, वेब पर अधिकांश एचटीएमएल दस्तावेज़ W3C मानकों की आवश्यकताओं को पूरा नहीं करते हैं। 2011 में 350 सबसे लोकप्रिय वेब साइटों (एलेक्सा इंडेक्स द्वारा चयनित) पर किए गए एक अध्ययन में, 94 प्रतिशत वेबसाइटें वेब मानकों के मार्कअप और स्टाइल शीट सत्यापन परीक्षणों में विफल रहती हैं या चरित्र एन्कोडिंग को अनुचित तरीके से लागू करती हैं। यहां तक कि वे वाक्यात्मक रूप से सही दस्तावेज़ पुनरावृत्ति के अनावश्यक उपयोग के कारण अक्षम हो सकते हैं, या उन नियमों पर आधारित हो सकते हैं जिन्हें कुछ वर्षों के लिए बहिष्कृत कर दिया गया है। एचटीएमएल के साथ [[व्यापक शैली पत्रक]] (CSS) के उपयोग पर वर्तमान W3C अनुशंसाओं को पहली बार 1996 में औपचारिक रूप दिया गया था<ref>{{cite web|url=http://www.w3.org/TR/CSS1 |title=कैस्केडिंग स्टाइल शीट्स, स्तर 1|publisher=W3.org |access-date=2013-10-23}}</ref> और तब से संशोधित और परिष्कृत किया गया है।<ref>http://www.w3.org/TR/CSS21/ W3C's current CSS recommendation</ref><ref>http://www.w3.org/TR/xhtml11/ W3C's current HTML recommendation</ref> | |||
ये दिशानिर्देश सामग्री (एचटीएमएल या एक्सएचटीएमएल) को शैली (CSS) से अलग करने पर जोर देते हैं। यह पूरी साइट के लिए एक बार शैली की जानकारी देते है, यह प्रत्येक पृष्ठ में दोहराया नहीं जाता है, प्रत्येक | ये दिशानिर्देश सामग्री (एचटीएमएल या एक्सएचटीएमएल) को [[व्यापक शैली पत्रक]] (CSS) से अलग करने पर जोर देते हैं। यह पूरी साइट के लिए एक बार शैली की जानकारी देते है, यह प्रत्येक पृष्ठ में दोहराया नहीं जाता है, प्रत्येक एचटीएमएल तत्व में अकेले रहते है। WYSIWYG संपादक डिजाइनर तब से संघर्ष कर रहे हैं कि इन अवधारणाओं को अपने उपयोगकर्ताओं को अंतर्निहित वास्तविकता को उजागर करके उन्हें भ्रमित किए बिना कैसे प्रस्तुत किया जाए। आधुनिक WYSIWYG संपादक इसमें कुछ हद तक सफल होते हैं, लेकिन उनमें से कोई भी पूरी तरह सफल नहीं हुआ है। | ||
हालाँकि पाठकों और दर्शकों की सबसे बड़ी संख्या के बीच सफल होने के लिए WYSIWYG या हाथ से एक वेब पेज बनाया गया था, साथ ही साथ वेब के 'विश्वव्यापी' मूल्य को बनाए रखने के लिए सबसे पहले और सबसे महत्वपूर्ण इसमें मान्य मार्कअप और कोड शामिल होना चाहिए।<ref name="RefactoringHtml">{{cite book | हालाँकि पाठकों और दर्शकों की सबसे बड़ी संख्या के बीच सफल होने के लिए WYSIWYG या हाथ से एक वेब पेज बनाया गया था, साथ ही साथ वेब के 'विश्वव्यापी' मूल्य को बनाए रखने के लिए सबसे पहले और सबसे महत्वपूर्ण इसमें मान्य मार्कअप और कोड शामिल होना चाहिए।<ref name="RefactoringHtml">{{cite book | ||
| Line 46: | Line 46: | ||
|location=Boston | |location=Boston | ||
|isbn=978-0-321-50363-3 | |isbn=978-0-321-50363-3 | ||
}}</ref> इसे वर्ल्ड वाइड वेब के लिए तैयार नहीं माना जाना चाहिए, जब तक कि इसके | }}</ref> इसे वर्ल्ड वाइड वेब के लिए तैयार नहीं माना जाना चाहिए, जब तक कि इसके एचटीएमएल और [[व्यापक शैली पत्रक]] (CSS) सिंटैक्स को मुफ्त W3C सत्यापनकर्ता सेवाओं ( W3C एचटीएमएल सत्यापनकर्ता और W3C CSS सत्यापनकर्ता ) या कुछ अन्य भरोसेमंद विकल्पों का उपयोग करके सफलतापूर्वक मान्य नहीं किया गया। | ||
आधुनिक समाज में वेब की सर्वव्यापकता और महत्व को देखते हुए शारीरिक, दृष्टि या अन्य अक्षमताओं वाले लोगों द्वारा वेब पेजों की पहुंच न केवल एक अच्छा विचार है, बल्कि कानून द्वारा भी अनिवार्य है। यूएस में, [[अमेरिकी विकलांग अधिनियम]] और यूके में, [[विकलांगता भेदभाव अधिनियम]] सार्वजनिक रूप से वित्त पोषित संगठनों द्वारा संचालित वेब साइटों की आवश्यकता रखता है। कई अन्य देशों में इसी तरह के कानून या तो पहले से मौजूद हैं या जल्द ही बनेंगे।<ref name="RefactoringHtml" />पृष्ठों को केवल वैध बनाने की तुलना में उन्हें सुलभ बनाना अधिक जटिल है यह एक पूर्वापेक्षा है लेकिन विचार करने के लिए कई अन्य कारक हैं। अच्छा वेब डिज़ाइन, चाहे WYSIWYG टूल का उपयोग करके किया गया हो या नहीं, इन पर भी ध्यान देने की आवश्यकता है। | आधुनिक समाज में वेब की सर्वव्यापकता और महत्व को देखते हुए शारीरिक, दृष्टि या अन्य अक्षमताओं वाले लोगों द्वारा वेब पेजों की पहुंच न केवल एक अच्छा विचार है, बल्कि कानून द्वारा भी अनिवार्य है। यूएस में, [[अमेरिकी विकलांग अधिनियम]] और यूके में, [[विकलांगता भेदभाव अधिनियम]] सार्वजनिक रूप से वित्त पोषित संगठनों द्वारा संचालित वेब साइटों की आवश्यकता रखता है। कई अन्य देशों में इसी तरह के कानून या तो पहले से मौजूद हैं या जल्द ही बनेंगे।<ref name="RefactoringHtml" />पृष्ठों को केवल वैध बनाने की तुलना में उन्हें सुलभ बनाना अधिक जटिल है यह एक पूर्वापेक्षा है लेकिन विचार करने के लिए कई अन्य कारक हैं। अच्छा वेब डिज़ाइन, चाहे WYSIWYG टूल का उपयोग करके किया गया हो या नहीं, इन पर भी ध्यान देने की आवश्यकता है। | ||
वेब पेजों को डिजाइन करने, बनाने और बनाए रखने के लिए जो भी सॉफ्टवेयर टूल्स का उपयोग किया जाता है,अंतर्निहित | वेब पेजों को डिजाइन करने, बनाने और बनाए रखने के लिए जो भी सॉफ्टवेयर टूल्स का उपयोग किया जाता है,अंतर्निहित एचटीएमएल की गुणवत्ता पेज पर काम करने वाले व्यक्ति के कौशल पर निर्भर करती है। एचटीएमएल , [[व्यापक शैली पत्रक]] (CSS) और अन्य स्क्रिप्टिंग भाषाओं के साथ-साथ इन क्षेत्रों में वर्तमान W3C अनुशंसाओं के साथ परिचित होने से किसी भी डिज़ाइनर को WYSIWYG एचटीएमएल संपादक के साथ और बिना बेहतर वेब पेज बनाने में मदद मिलती है।<ref>{{cite web|url=http://www.w3.org/MarkUp/Guide/ |title=डेव रैगेट का HTML से परिचय|publisher=W3.org |date=2005-05-24 |access-date=2013-10-23}}</ref> | ||
== यह भी देखें == | == यह भी देखें == | ||
* [[HTML संपादकों की तुलना]] | * [[HTML संपादकों की तुलना|एचटीएमएल संपादकों की तुलना]] | ||
* एचटीएमएल संपादकों की सूची | * एचटीएमएल संपादकों की सूची | ||
* [[वेब टेम्पलेट सिस्टम]] | * [[वेब टेम्पलेट सिस्टम]] | ||
Revision as of 23:10, 27 January 2023
| HTML |
|---|
| Comparisons |
एचटीएमएल संपादक एचटीएमएल के संपादन के लिए एक कंप्यूटर प्रोग्राम है। जो एक वेब पृष्ठ की मार्कअप भाषा है हालांकि किसी वेब पेज में एचटीएमएल मार्कअप को किसी भी पाठ संपादक से नियंत्रित किया जा सकता है। विशेष एचटीएमएल संपादक सुविधा और अतिरिक्त कार्यक्षमता प्रदान कर सकते हैं। उदाहरण के लिए कई एचटीएमएल संपादक न केवल एचटीएमएल , बल्कि संबंधित तकनीकों जैसे व्यापक शैली पत्रक (CSS), XML और JavaScript या ECMAScript को भी संभालते हैं। कुछ मामलों में वे फ़ाइल ट्रांसफ़र प्रोटोकॉल (FTP) और WebDAV के माध्यम से दूरस्थ वेब सर्वर के साथ संचार का प्रबंधन करते हैं,और संस्करण नियंत्रण प्रणाली जैसे तोडफोड़ या गिट(सॉफ़्टवेयर)। कई शब्द संसाधन, ग्राफ़िक डिज़ाइन और पृष्ठ लेआउट प्रोग्राम जो वेब डिजाइन के लिए समर्पित नहीं हैं, जैसे कि Microsoft Word या Quark XPress में भी एचटीएमएल संपादकों के रूप में कार्य करने की क्षमता होती है।
संपादकों के प्रकार
एचटीएमएल संपादकों की दो मुख्य किस्में हैं: टेक्स्ट और WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक।
पाठ संपादक
एचटीएमएल के साथ उपयोग के लिए इच्छित पाठ संपादक आमतौर पर कम से कम वाक्य - विन्यास पर प्रकाश डालना प्रदान करते हैं। कुछ संपादक अतिरिक्त रूप से टेम्प्लेट (फ़ाइल स्वरूप), उपकरण पट्टी और कुंजीपटल संक्षिप्त रीति (कीबोर्ड शॉर्टकट) की सुविधा देते हैं ताकि सामान्य एचटीएमएल तत्वों और संरचनाओं को जल्दी से सम्मिलित किया जा सके। विज़ार्ड (सॉफ़्टवेयर), टूलटिप संकेत और स्वत: पूर्ण सामान्य कार्यों में सहायता कर सकते हैं।
आमतौर पर एचटीएमएल के लिए उपयोग किए जाने वाले पाठ संपादकों में संस्करण नियंत्रण, लिंक-जांच और सत्यापनकर्ता, वर्तनी-जांच, FTP या WebDAV द्वारा अपलोडिंग और प्रोजेक्ट के रूप में संरचना जैसे कार्यों के लिए या तो अंतर्निहित कार्यों या बाहरी उपकरणों के साथ एकीकरण शामिल है। लिंक जाँच या सत्यापन जैसे कुछ कार्यों ऑनलाइन उपकरण का का उपयोग कर सकते हैं, जिसके लिए नेटवर्क कनेक्शन की आवश्यकता होती है।
पाठ संपादकों को एचटीएमएल और किसी भी अन्य वेब तकनीकों की उपयोगकर्ता समझ की आवश्यकता होती है, जिसे डिज़ाइनर व्यापक शैली पत्रक (CSS), जावास्क्रिप्ट और सर्वर-साइड स्क्रिप्टिंग भाषाओं की तरह उपयोग करना चाहता है।
इस आवश्यकता को कम करने के लिए, कुछ संपादक सरल रंग हाइलाइटिंग की तुलना में अधिक ग्राफ़िक आयोजक मोड मार्कअप के संपादन की अनुमति देते हैं, लेकिन ऐसे मोड में जिन्हें WYSIWYG नहीं माना जाता है। इन संपादकों में आमतौर पर चयनित ऑब्जेक्ट (कंप्यूटर विज्ञान) के पाठ-आधारित मापदंडों को संपादित करने के लिए पैलेट खिड़की या संवाद बॉक्स का उपयोग करने का विकल्प शामिल होता है। ये पैलेट अलग-अलग क्षेत्रों में संपादन पैरामीटर की अनुमति देते हैं या ऑनस्क्रीन फॉर्म भरकर नए टैग डालने की अनुमति देते हैं, और पैरामीटर संपादित करते समय विकल्पों को प्रस्तुत करने और चुनने के लिए अतिरिक्त विजेट(कंप्यूटिंग) शामिल कर सकते हैं (जैसे छवि या टेक्स्ट शैलियों का पूर्वावलोकन करना) या विस्तार करने के लिए एक रूपरेखा संपादक और एचटीएमएल वस्तुओं और गुणों को संक्षिप्त करें।
WYSIWYG एचटीएमएल संपादक
WYSIWYG एचटीएमएल संपादक एक संपादन इंटरफ़ेस प्रदान करते हैं, जो वेब ब्राउज़र में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG संपादक का उपयोग करने के लिए किसी एचटीएमएल ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन कंप्यूटर उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है।
WYSIWYG दृश्य एक ब्राउज़र इंजन को एम्बेड करके प्राप्त किया जाता है। यह कस्टम-लिखित हो सकता है या वेब ब्राउज़र में उपयोग किए जाने वाले पर आधारित हो सकता है। लक्ष्य यह है कि, संपादन के दौरान हर समय, रेंडरिंग (कंप्यूटर ग्राफ़िक्स) परिणाम को यह दर्शाना चाहिए कि बाद में एक विशिष्ट वेब ब्राउज़र में क्या देखा जाएगा।
WYSIWYM (आप जो देखते हैं वही आपका मतलब है) संपादकों के लिए एक वैकल्पिक प्रतिमान है। दस्तावेज़ के प्रारूप या प्रस्तुति पर ध्यान केंद्रित करने के बजाय, यह प्रत्येक तत्व के इच्छित अर्थ को संरक्षित करता है। उदाहरण के लिए, पेज हेडर, सेक्शन, पैराग्राफ आदि को एडिटिंग प्रोग्राम में इस तरह लेबल किया जाता है और ब्राउज़र में उचित रूप से प्रदर्शित किया जाता है।
WYSIWYG प्राप्त करने में कठिनाइयाँ
एक दिया गया एचटीएमएल दस्तावेज़ कई कारणों से विभिन्न प्लेटफार्मों और कंप्यूटरों पर असंगत दिखाई देगा।
- विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे।
- Google Chrome, Safari (वेब ब्राउज़र), Microsoft Edge, Internet Explorer और Firefox एक ही पृष्ठ थोड़ा भिन्न रूप से प्रदर्शित हो सकता है, लेकिन यह पूरी तरह से मान्य टेक्स्ट-ओनली लिंक्स में बहुत भिन्न दिखाई देगा। इसे एक पीडीए, एक इंटरनेट-सक्षम टेलीविजन और एक मोबाइल फोन पर फिर से अलग तरीके से प्रस्तुत करने की आवश्यकता होती है। भाषण या ब्रेल ब्राउजर में या किसी पारंपरिक ब्राउजर के साथ काम करने वाले स्क्रीन-रीडर के माध्यम से अलग तरह की मांगों को रखा जाएगा।[clarification needed] अंतर्निहित एचटीएमएल के पहलू। एक लेखक जो कुछ भी कर सकता है वह उपस्थिति का सुझाव देता है।
- वेब ब्राउज़र सभी कंप्यूटर सॉफ़्टवेयर की तरह कंप्यूटर बग होते है, वे वर्तमान वेब मानको के अनुरूप नहीं हो सकते हैं। सभी सामान्य ब्राउज़रों के मौजूदा बग के आसपास वेब पेजों को डिजाइन करने की कोशिश करना निराशाजनक है। हर बार जब प्रत्येक ब्राउज़र का एक नया संस्करण सामने आता है, तो वर्ल्ड वाइड वेब के एक महत्वपूर्ण हिस्से को नए बग्स के अनुरूप फिर से कोडिंग की आवश्यकता होती है। आम तौर पर मानकों के अनुसार डिजाइन करना अधिक बुद्धिमान माना जाता है, जब तक कि वे व्यवस्थित न हो जाएं, तब तक 'ब्लीडिंग एज' सुविधाओं से दूर रहें, और फिर इसके विपरीत होने के बजाय ब्राउज़र डेवलपर्स द्वारा आपके पृष्ठों तक पहुंचने की प्रतीक्षा करें।[1] उदाहरण के लिए कोई भी यह तर्क नहीं दे सकता है किव्यापक शैली पत्रक (CSS) अभी भी 'अत्याधुनिक' है क्योंकि सभी प्रमुख विशेषताओं के लिए सामान्य ब्राउज़रों में व्यापक समर्थन उपलब्ध है,[2] भले ही कई WYSIWYG और अन्य संपादक अभी तक पूरी तरह से पकड़ में नहीं आए हों।[3]
- एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है।
- एचटीएमएल दस्तावेज़ की अंतर्निहित संरचना से प्राप्त सिमेंटिक अर्थ, खोज इंजनों और विभिन्न अभिगम्यता उपकरणों के लिए भी महत्वपूर्ण है। कागज पर हम संदर्भ और अनुभव से बता सकते हैं कि क्या बोल्ड टेक्स्ट एक शीर्षक, या जोर, या कुछ और दर्शाता है। लेकिन WYSIWYG संपादक में इस अंतर को व्यक्त करना बहुत कठिन है। WYSIWYG संपादक में केवल पाठ के एक टुकड़े को बोल्ड करना पाठक को यह बताने के लिए पर्याप्त नहीं है कि पाठ बोल्ड क्यों है - बोल्डनेस शब्दार्थ क्या दर्शाता है।
- आधुनिक वेब साइटों का निर्माण शायद ही कभी इस तरह से किया जाता है जो WYSIWYG को उपयोगी बनाता है
- आधुनिक वेब साइट्स आमतौर पर एक सामग्री प्रबंधन प्रणाली या कुछ अन्य टेम्पलेट प्रोसेसर - आधारित साधनों का उपयोग करती हैं, जो डेटाबेस में संग्रहीत सामग्री का उपयोग करके फ्लाई पर पृष्ठों का निर्माण करती हैं। व्यक्तिगत पृष्ठ कभी भी फ़ाइल सिस्टम में संग्रहीत नहीं होते हैं क्योंकि उन्हें WYSIWYG संपादक में डिज़ाइन और संपादित किया जा सकता है, इस प्रकार अमूर्त टेम्पलेट-आधारित लेआउट का कुछ रूप अनिवार्य है, WYSIWYG संपादक का उपयोग करने के मुख्य लाभों में से एक को अमान्य कर देता है।
मान्य एचटीएमएल मार्कअप
एचटीएमएल एक संरचित मार्कअप भाषा है। वर्ल्ड वाइड वेब के लिए W3C मानकों के अनुरूप होने के लिए एचटीएमएल को कैसे लिखा जाना चाहिए, इस पर कुछ नियम हैं। इन नियमों का पालन करने का मतलब है कि वेब साइट सभी प्रकार के कंप्यूटरों पर, सक्षम और विकलांग लोगों के लिए और वायरलेस मोबाइल फोन और पीडीए जैसे तार रहित उपकरणों पर भी उनके सीमित बैंडविड्थ और स्क्रीन आकार के साथ उपलब्ध हैं। हालाँकि, वेब पर अधिकांश एचटीएमएल दस्तावेज़ W3C मानकों की आवश्यकताओं को पूरा नहीं करते हैं। 2011 में 350 सबसे लोकप्रिय वेब साइटों (एलेक्सा इंडेक्स द्वारा चयनित) पर किए गए एक अध्ययन में, 94 प्रतिशत वेबसाइटें वेब मानकों के मार्कअप और स्टाइल शीट सत्यापन परीक्षणों में विफल रहती हैं या चरित्र एन्कोडिंग को अनुचित तरीके से लागू करती हैं। यहां तक कि वे वाक्यात्मक रूप से सही दस्तावेज़ पुनरावृत्ति के अनावश्यक उपयोग के कारण अक्षम हो सकते हैं, या उन नियमों पर आधारित हो सकते हैं जिन्हें कुछ वर्षों के लिए बहिष्कृत कर दिया गया है। एचटीएमएल के साथ व्यापक शैली पत्रक (CSS) के उपयोग पर वर्तमान W3C अनुशंसाओं को पहली बार 1996 में औपचारिक रूप दिया गया था[4] और तब से संशोधित और परिष्कृत किया गया है।[5][6]
ये दिशानिर्देश सामग्री (एचटीएमएल या एक्सएचटीएमएल) को व्यापक शैली पत्रक (CSS) से अलग करने पर जोर देते हैं। यह पूरी साइट के लिए एक बार शैली की जानकारी देते है, यह प्रत्येक पृष्ठ में दोहराया नहीं जाता है, प्रत्येक एचटीएमएल तत्व में अकेले रहते है। WYSIWYG संपादक डिजाइनर तब से संघर्ष कर रहे हैं कि इन अवधारणाओं को अपने उपयोगकर्ताओं को अंतर्निहित वास्तविकता को उजागर करके उन्हें भ्रमित किए बिना कैसे प्रस्तुत किया जाए। आधुनिक WYSIWYG संपादक इसमें कुछ हद तक सफल होते हैं, लेकिन उनमें से कोई भी पूरी तरह सफल नहीं हुआ है।
हालाँकि पाठकों और दर्शकों की सबसे बड़ी संख्या के बीच सफल होने के लिए WYSIWYG या हाथ से एक वेब पेज बनाया गया था, साथ ही साथ वेब के 'विश्वव्यापी' मूल्य को बनाए रखने के लिए सबसे पहले और सबसे महत्वपूर्ण इसमें मान्य मार्कअप और कोड शामिल होना चाहिए।[7] इसे वर्ल्ड वाइड वेब के लिए तैयार नहीं माना जाना चाहिए, जब तक कि इसके एचटीएमएल और व्यापक शैली पत्रक (CSS) सिंटैक्स को मुफ्त W3C सत्यापनकर्ता सेवाओं ( W3C एचटीएमएल सत्यापनकर्ता और W3C CSS सत्यापनकर्ता ) या कुछ अन्य भरोसेमंद विकल्पों का उपयोग करके सफलतापूर्वक मान्य नहीं किया गया।
आधुनिक समाज में वेब की सर्वव्यापकता और महत्व को देखते हुए शारीरिक, दृष्टि या अन्य अक्षमताओं वाले लोगों द्वारा वेब पेजों की पहुंच न केवल एक अच्छा विचार है, बल्कि कानून द्वारा भी अनिवार्य है। यूएस में, अमेरिकी विकलांग अधिनियम और यूके में, विकलांगता भेदभाव अधिनियम सार्वजनिक रूप से वित्त पोषित संगठनों द्वारा संचालित वेब साइटों की आवश्यकता रखता है। कई अन्य देशों में इसी तरह के कानून या तो पहले से मौजूद हैं या जल्द ही बनेंगे।[7]पृष्ठों को केवल वैध बनाने की तुलना में उन्हें सुलभ बनाना अधिक जटिल है यह एक पूर्वापेक्षा है लेकिन विचार करने के लिए कई अन्य कारक हैं। अच्छा वेब डिज़ाइन, चाहे WYSIWYG टूल का उपयोग करके किया गया हो या नहीं, इन पर भी ध्यान देने की आवश्यकता है।
वेब पेजों को डिजाइन करने, बनाने और बनाए रखने के लिए जो भी सॉफ्टवेयर टूल्स का उपयोग किया जाता है,अंतर्निहित एचटीएमएल की गुणवत्ता पेज पर काम करने वाले व्यक्ति के कौशल पर निर्भर करती है। एचटीएमएल , व्यापक शैली पत्रक (CSS) और अन्य स्क्रिप्टिंग भाषाओं के साथ-साथ इन क्षेत्रों में वर्तमान W3C अनुशंसाओं के साथ परिचित होने से किसी भी डिज़ाइनर को WYSIWYG एचटीएमएल संपादक के साथ और बिना बेहतर वेब पेज बनाने में मदद मिलती है।[8]
यह भी देखें
- एचटीएमएल संपादकों की तुलना
- एचटीएमएल संपादकों की सूची
- वेब टेम्पलेट सिस्टम
- वेबसाइट निर्माता
- दृश्य संपादक
- सत्यापनकर्ता
संदर्भ
- ↑ "W3C के डिजाइन सिद्धांतों पर एक निबंध". W3.org. Retrieved 23 October 2013.
- ↑ "व्यापक शैली पत्रक". W3.org. Retrieved 23 October 2013.
- ↑ "व्यापक शैली पत्रक". W3.org. Retrieved 23 October 2013.
- ↑ "कैस्केडिंग स्टाइल शीट्स, स्तर 1". W3.org. Retrieved 23 October 2013.
- ↑ http://www.w3.org/TR/CSS21/ W3C's current CSS recommendation
- ↑ http://www.w3.org/TR/xhtml11/ W3C's current HTML recommendation
- ↑ 7.0 7.1 Harold, Elliotte Rusty (2008). एचटीएमएल रिफैक्टरिंग. Boston: Addison Wesley. ISBN 978-0-321-50363-3.
- ↑ "डेव रैगेट का HTML से परिचय". W3.org. 24 May 2005. Retrieved 23 October 2013.
