एचटीएमएल संपादक: Difference between revisions
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]] में भी एचटीएमएल संपादकों के रूप में कार्य करने की क्षमता होती है। | ||
== संपादकों के प्रकार == | == संपादकों के प्रकार == | ||
| Line 12: | Line 12: | ||
आमतौर पर एचटीएमएल के लिए उपयोग किए जाने वाले पाठ संपादकों में [[संस्करण नियंत्रण]], लिंक-जांच और [[सत्यापनकर्ता]], वर्तनी-जांच, FTP या WebDAV द्वारा अपलोडिंग और प्रोजेक्ट के रूप में संरचना जैसे कार्यों के लिए या तो अंतर्निहित कार्यों या बाहरी उपकरणों के साथ एकीकरण शामिल है। लिंक जाँच या सत्यापन जैसे कुछ कार्यों ऑनलाइन उपकरण का का उपयोग कर सकते हैं, जिसके लिए नेटवर्क कनेक्शन की आवश्यकता होती है। | आमतौर पर एचटीएमएल के लिए उपयोग किए जाने वाले पाठ संपादकों में [[संस्करण नियंत्रण]], लिंक-जांच और [[सत्यापनकर्ता]], वर्तनी-जांच, FTP या WebDAV द्वारा अपलोडिंग और प्रोजेक्ट के रूप में संरचना जैसे कार्यों के लिए या तो अंतर्निहित कार्यों या बाहरी उपकरणों के साथ एकीकरण शामिल है। लिंक जाँच या सत्यापन जैसे कुछ कार्यों ऑनलाइन उपकरण का का उपयोग कर सकते हैं, जिसके लिए नेटवर्क कनेक्शन की आवश्यकता होती है। | ||
पाठ संपादकों को एचटीएमएल और किसी भी अन्य | पाठ संपादकों को एचटीएमएल और किसी भी अन्य संचार तकनीकों की उपयोगकर्ता समझ की आवश्यकता होती है, जिसे डिज़ाइनर [[व्यापक शैली पत्रक]] (CSS), जावास्क्रिप्ट और [[सर्वर-साइड स्क्रिप्टिंग]] भाषाओं की तरह उपयोग करना चाहता है। | ||
इस आवश्यकता को कम करने के लिए, कुछ संपादक सरल रंग हाइलाइटिंग की तुलना में अधिक ग्राफ़िक आयोजक मोड मार्कअप के संपादन की अनुमति देते हैं, लेकिन ऐसे मोड में जिन्हें WYSIWYG (जो आप देखते हैं वही आपको मिलता है) नहीं माना जाता है। इन संपादकों में आमतौर पर चयनित विषय (संगणक विज्ञान) के पाठ-आधारित मापदंडों को संपादित करने के लिए [[संवाद बकस|संवाद बॉक्स]] का उपयोग करने का विकल्प शामिल होता है। ये संवाद बॉक्स अलग-अलग क्षेत्रों में संपादन पैरामीटर की अनुमति देते हैं या ऑनस्क्रीन फॉर्म भरकर नए टैग डालने की अनुमति देते हैं, और पैरामीटर संपादित करते समय विकल्पों को प्रस्तुत करने और चुनने के लिए अतिरिक्त [[विजेट (कंप्यूटिंग)|उपकरण]] शामिल कर सकते हैं या विस्तार करने के लिए एक रूपरेखा संपादक और एचटीएमएल वस्तुओं और गुणों को संक्षिप्त करें। | इस आवश्यकता को कम करने के लिए, कुछ संपादक सरल रंग हाइलाइटिंग की तुलना में अधिक ग्राफ़िक आयोजक मोड मार्कअप के संपादन की अनुमति देते हैं, लेकिन ऐसे मोड में जिन्हें WYSIWYG (जो आप देखते हैं वही आपको मिलता है) नहीं माना जाता है। इन संपादकों में आमतौर पर चयनित विषय (संगणक विज्ञान) के पाठ-आधारित मापदंडों को संपादित करने के लिए [[संवाद बकस|संवाद बॉक्स]] का उपयोग करने का विकल्प शामिल होता है। ये संवाद बॉक्स अलग-अलग क्षेत्रों में संपादन पैरामीटर की अनुमति देते हैं या ऑनस्क्रीन फॉर्म भरकर नए टैग डालने की अनुमति देते हैं, और पैरामीटर संपादित करते समय विकल्पों को प्रस्तुत करने और चुनने के लिए अतिरिक्त [[विजेट (कंप्यूटिंग)|उपकरण]] शामिल कर सकते हैं या विस्तार करने के लिए एक रूपरेखा संपादक और एचटीएमएल वस्तुओं और गुणों को संक्षिप्त करें। | ||
===WYSIWYG एचटीएमएल संपादक === | ===WYSIWYG एचटीएमएल संपादक === | ||
WYSIWYG (जो आप देखते हैं वही आपको मिलता है) एचटीएमएल संपादक एक संपादन सूचना प्रदान करते हैं, जो [[वेब ब्राउज़र]] में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक का उपयोग करने के लिए किसी एचटीएमएल ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन संगणक उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है। | WYSIWYG (जो आप देखते हैं वही आपको मिलता है) एचटीएमएल संपादक एक संपादन सूचना प्रदान करते हैं, जो [[वेब ब्राउज़र|संचार ब्राउज़र]] में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक का उपयोग करने के लिए किसी एचटीएमएल ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन संगणक उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है। | ||
WYSIWYG (जो आप देखते हैं वही आपको मिलता है) दृश्य एक [[ब्राउज़र इंजन]] को एम्बेड करके प्राप्त किया जाता है। यह कस्टम-लिखित हो सकता है या | WYSIWYG (जो आप देखते हैं वही आपको मिलता है) दृश्य एक [[ब्राउज़र इंजन]] को एम्बेड करके प्राप्त किया जाता है। यह कस्टम-लिखित हो सकता है या संचार ब्राउज़र में उपयोग किए जाने वाले पर आधारित हो सकता है। लक्ष्य यह है कि, संपादन के दौरान हर समय संगणक ग्राफ़िक्स परिणाम को यह दर्शाना चाहिए कि बाद में एक विशिष्ट संचार ब्राउज़र में क्या देखा जाएगा। | ||
[[WYSIWYM]] (आप जो देखते हैं वही आपका मतलब है) संपादकों के लिए एक वैकल्पिक प्रतिमान है। दस्तावेज़ के प्रारूप पर ध्यान केंद्रित करने के बजाय, यह प्रत्येक तत्व के विचारपूर्वक को संरक्षित करता है। उदाहरण के लिए पेज हेडर, सेक्शन, पैराग्राफ आदि को सम्पादन कार्यक्रम मे इस तरह स्तर किया जाता है और ब्राउज़र में उचित रूप से प्रदर्शित किया जाता है। | [[WYSIWYM]] (आप जो देखते हैं वही आपका मतलब है) संपादकों के लिए एक वैकल्पिक प्रतिमान है। दस्तावेज़ के प्रारूप पर ध्यान केंद्रित करने के बजाय, यह प्रत्येक तत्व के विचारपूर्वक को संरक्षित करता है। उदाहरण के लिए पेज हेडर, सेक्शन, पैराग्राफ आदि को सम्पादन कार्यक्रम मे इस तरह स्तर किया जाता है और ब्राउज़र में उचित रूप से प्रदर्शित किया जाता है। | ||
| Line 27: | Line 27: | ||
;विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे। | ;विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे। | ||
: [[Google Chrome]], Safari ( | : [[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> | ||
;एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है। | ;एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है। | ||
: एचटीएमएल दस्तावेज़ की अंतर्निहित संरचना से प्राप्त अर्थ-संबंधी, खोज इंजनों और विभिन्न अभिगम्यता उपकरणों के लिए भी महत्वपूर्ण है। कागज पर हम संदर्भ और अनुभव से बता सकते हैं कि क्या निर्भीक शब्द एक शीर्षक या जोर, या कुछ और दर्शाता है। लेकिन WYSIWYG संपादक में इस अंतर को व्यक्त करना बहुत कठिन है। WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक में केवल पाठ के एक टुकड़े को निर्भीक करना पाठक को यह बताने के लिए पर्याप्त नहीं है कि पाठ निर्भीक शब्दार्थ को क्या दर्शाता है। | : एचटीएमएल दस्तावेज़ की अंतर्निहित संरचना से प्राप्त अर्थ-संबंधी, खोज इंजनों और विभिन्न अभिगम्यता उपकरणों के लिए भी महत्वपूर्ण है। कागज पर हम संदर्भ और अनुभव से बता सकते हैं कि क्या निर्भीक शब्द एक शीर्षक या जोर, या कुछ और दर्शाता है। लेकिन WYSIWYG संपादक में इस अंतर को व्यक्त करना बहुत कठिन है। WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक में केवल पाठ के एक टुकड़े को निर्भीक करना पाठक को यह बताने के लिए पर्याप्त नहीं है कि पाठ निर्भीक शब्दार्थ को क्या दर्शाता है। | ||
| Line 35: | Line 35: | ||
== मान्य एचटीएमएल मार्कअप == | == मान्य एचटीएमएल मार्कअप == | ||
एचटीएमएल एक संरचित मार्कअप भाषा है। वर्ल्ड वाइड | एचटीएमएल एक संरचित मार्कअप भाषा है। वर्ल्ड वाइड संचार के लिए [[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) से अलग करने पर जोर देते हैं। यह पूरी साइट के लिए एक बार शैली की जानकारी देते है, यह प्रत्येक पृष्ठ में दोहराया नहीं जाता है, प्रत्येक एचटीएमएल तत्व में अकेले रहते है। WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक डिजाइनर तब से संघर्ष कर रहे हैं कि इन अवधारणाओं को अपने उपयोगकर्ताओं को अंतर्निहित वास्तविकता को उजागर करके उन्हें भ्रमित किए बिना कैसे प्रस्तुत किया जाए। आधुनिक WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक इसमें कुछ हद तक सफल होते हैं, लेकिन उनमें से कोई भी पूरी तरह सफल नहीं हुआ है। | ये दिशानिर्देश सामग्री (एचटीएमएल या एक्सएचटीएमएल) को [[व्यापक शैली पत्रक]] (CSS) से अलग करने पर जोर देते हैं। यह पूरी साइट के लिए एक बार शैली की जानकारी देते है, यह प्रत्येक पृष्ठ में दोहराया नहीं जाता है, प्रत्येक एचटीएमएल तत्व में अकेले रहते है। WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक डिजाइनर तब से संघर्ष कर रहे हैं कि इन अवधारणाओं को अपने उपयोगकर्ताओं को अंतर्निहित वास्तविकता को उजागर करके उन्हें भ्रमित किए बिना कैसे प्रस्तुत किया जाए। आधुनिक WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक इसमें कुछ हद तक सफल होते हैं, लेकिन उनमें से कोई भी पूरी तरह सफल नहीं हुआ है। | ||
हालाँकि पाठकों और दर्शकों की सबसे बड़ी संख्या के बीच सफल होने के लिए WYSIWYG (जो आप देखते हैं वही आपको मिलता है) या हाथ से एक | हालाँकि पाठकों और दर्शकों की सबसे बड़ी संख्या के बीच सफल होने के लिए WYSIWYG (जो आप देखते हैं वही आपको मिलता है) या हाथ से एक संचार पेज बनाया गया था, साथ ही साथ संचार के 'विश्वव्यापी' मूल्य को बनाए रखने के लिए सबसे पहले और सबसे महत्वपूर्ण इसमें मान्य मार्कअप और कोड शामिल होना चाहिए।<ref name="RefactoringHtml">{{cite book | ||
|title=एचटीएमएल रिफैक्टरिंग|last=Harold | |title=एचटीएमएल रिफैक्टरिंग|last=Harold | ||
|first=Elliotte Rusty | |first=Elliotte Rusty | ||
| 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 (जो आप देखते हैं वही आपको मिलता है) टूल का उपयोग करके किया गया हो या नहीं, इन पर भी ध्यान देने की आवश्यकता है। | ||
संचार पेजों को डिजाइन बनाने और बनाए रखने के लिए जो भी सॉफ्टवेयर टूल्स का उपयोग किया जाता है,अंतर्निहित एचटीएमएल की गुणवत्ता पेज पर काम करने वाले व्यक्ति के कौशल पर निर्भर करती है। एचटीएमएल,[[व्यापक शैली पत्रक]] (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> | |||
| Line 57: | Line 57: | ||
* [[HTML संपादकों की तुलना|एचटीएमएल संपादकों की तुलना]] | * [[HTML संपादकों की तुलना|एचटीएमएल संपादकों की तुलना]] | ||
* एचटीएमएल संपादकों की सूची | * एचटीएमएल संपादकों की सूची | ||
* [[वेब टेम्पलेट सिस्टम| | * [[वेब टेम्पलेट सिस्टम|संचार नमूना सिस्टम]] | ||
* [[वेबसाइट निर्माता]] | * [[वेबसाइट निर्माता]] | ||
* [[दृश्य संपादक]] | * [[दृश्य संपादक]] | ||
| Line 82: | Line 82: | ||
{{DEFAULTSORT:Html Editor}}[[श्रेणी:एचटीएमएल संपादक| ]] | {{DEFAULTSORT:Html Editor}}[[श्रेणी:एचटीएमएल संपादक| ]] | ||
[[श्रेणी:वेब डिजाइन]] | [[श्रेणी:वेब डिजाइन|श्रेणी:संचार डिजाइन]] | ||
[[Category: Machine Translated Page]] | [[Category: Machine Translated Page]] | ||
[[Category:Created On 19/12/2022]] | [[Category:Created On 19/12/2022]] | ||
Revision as of 20:26, 3 February 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.
