एचटीएमएल संपादक: Difference between revisions
No edit summary |
|||
| Line 1: | Line 1: | ||
{{Short description|Software for editing HTML}} | {{Short description|Software for editing HTML}} | ||
{{Use dmy dates|date=December 2021}} | {{Use dmy dates|date=December 2021}} | ||
{{Html series}} | {{Html series}} | ||
| Line 18: | Line 17: | ||
===WYSIWYG HTML संपादक === | ===WYSIWYG HTML संपादक === | ||
WYSIWYG HTML संपादक एक संपादन इंटरफ़ेस प्रदान करते हैं, जो [[वेब ब्राउज़र]] में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG संपादक का उपयोग करने के लिए किसी HTML ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन कंप्यूटर उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है। | WYSIWYG HTML संपादक एक संपादन इंटरफ़ेस प्रदान करते हैं, जो [[वेब ब्राउज़र]] में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG संपादक का उपयोग करने के लिए किसी HTML ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन कंप्यूटर उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है। | ||
Revision as of 12:33, 27 January 2023
| HTML |
|---|
| Comparisons |
HTML संपादक HTML के संपादन के लिए एक कंप्यूटर प्रोग्राम है। जो एक वेब पृष्ठ की मार्कअप भाषा है हालांकि किसी वेब पेज में HTML मार्कअप को किसी भी पाठ संपादक से नियंत्रित किया जा सकता है। विशेष HTML संपादक सुविधा और अतिरिक्त कार्यक्षमता प्रदान कर सकते हैं। उदाहरण के लिए कई HTML संपादक न केवल HTML, बल्कि संबंधित तकनीकों जैसे व्यापक शैली पत्रक (CSS), XML और JavaScript या ECMAScript को भी संभालते हैं। कुछ मामलों में वे फ़ाइल ट्रांसफ़र प्रोटोकॉल (FTP) और WebDAV के माध्यम से दूरस्थ वेब सर्वर के साथ संचार का प्रबंधन करते हैं,और संस्करण नियंत्रण प्रणाली जैसे तोडफोड़ या गिट(सॉफ़्टवेयर)। कई शब्द संसाधन, ग्राफ़िक डिज़ाइन और पृष्ठ लेआउट प्रोग्राम जो वेब डिजाइन के लिए समर्पित नहीं हैं, जैसे कि Microsoft Word या Quark XPress में भी HTML संपादकों के रूप में कार्य करने की क्षमता होती है।
संपादकों के प्रकार
HTML संपादकों की दो मुख्य किस्में हैं: टेक्स्ट और WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक।
पाठ संपादक
HTML के साथ उपयोग के लिए इच्छित पाठ संपादक आमतौर पर कम से कम वाक्य - विन्यास पर प्रकाश डालना प्रदान करते हैं। कुछ संपादक अतिरिक्त रूप से टेम्प्लेट (फ़ाइल स्वरूप), उपकरण पट्टी और कुंजीपटल संक्षिप्त रीति (कीबोर्ड शॉर्टकट) की सुविधा देते हैं ताकि सामान्य HTML तत्वों और संरचनाओं को जल्दी से सम्मिलित किया जा सके। विज़ार्ड (सॉफ़्टवेयर), टूलटिप संकेत और स्वत: पूर्ण सामान्य कार्यों में सहायता कर सकते हैं।
आमतौर पर HTML के लिए उपयोग किए जाने वाले पाठ संपादकों में संस्करण नियंत्रण, लिंक-जांच और सत्यापनकर्ता, वर्तनी-जांच, FTP या WebDAV द्वारा अपलोडिंग और प्रोजेक्ट के रूप में संरचना जैसे कार्यों के लिए या तो अंतर्निहित कार्यों या बाहरी उपकरणों के साथ एकीकरण शामिल है। लिंक जाँच या सत्यापन जैसे कुछ कार्यों ऑनलाइन उपकरण का का उपयोग कर सकते हैं, जिसके लिए नेटवर्क कनेक्शन की आवश्यकता होती है।
पाठ संपादकों को HTMLऔर किसी भी अन्य वेब तकनीकों की उपयोगकर्ता समझ की आवश्यकता होती है, जिसे डिज़ाइनर CSS, जावास्क्रिप्ट और सर्वर-साइड स्क्रिप्टिंग भाषाओं की तरह उपयोग करना चाहता है।
इस आवश्यकता को कम करने के लिए, कुछ संपादक सरल रंग हाइलाइटिंग की तुलना में अधिक ग्राफ़िक आयोजक मोड मार्कअप के संपादन की अनुमति देते हैं, लेकिन ऐसे मोड में जिन्हें WYSIWYG नहीं माना जाता है। इन संपादकों में आमतौर पर चयनित ऑब्जेक्ट (कंप्यूटर विज्ञान) के पाठ-आधारित मापदंडों को संपादित करने के लिए पैलेट खिड़की या संवाद बॉक्स का उपयोग करने का विकल्प शामिल होता है। ये पैलेट अलग-अलग क्षेत्रों में संपादन पैरामीटर की अनुमति देते हैं या ऑनस्क्रीन फॉर्म भरकर नए टैग डालने की अनुमति देते हैं, और पैरामीटर संपादित करते समय विकल्पों को प्रस्तुत करने और चुनने के लिए अतिरिक्त विजेट(कंप्यूटिंग) शामिल कर सकते हैं (जैसे छवि या टेक्स्ट शैलियों का पूर्वावलोकन करना) या विस्तार करने के लिए एक रूपरेखा संपादक और HTML वस्तुओं और गुणों को संक्षिप्त करें।
WYSIWYG HTML संपादक
WYSIWYG HTML संपादक एक संपादन इंटरफ़ेस प्रदान करते हैं, जो वेब ब्राउज़र में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG संपादक का उपयोग करने के लिए किसी HTML ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन कंप्यूटर उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है।
WYSIWYG दृश्य एक ब्राउज़र इंजन को एम्बेड करके प्राप्त किया जाता है। यह कस्टम-लिखित हो सकता है या वेब ब्राउज़र में उपयोग किए जाने वाले पर आधारित हो सकता है। लक्ष्य यह है कि, संपादन के दौरान हर समय, रेंडरिंग (कंप्यूटर ग्राफ़िक्स) परिणाम को यह दर्शाना चाहिए कि बाद में एक विशिष्ट वेब ब्राउज़र में क्या देखा जाएगा।
WYSIWYM (आप जो देखते हैं वही आपका मतलब है) WYSIWYG संपादकों के लिए एक वैकल्पिक प्रतिमान है। दस्तावेज़ के प्रारूप या प्रस्तुति पर ध्यान केंद्रित करने के बजाय, यह प्रत्येक तत्व के इच्छित अर्थ को संरक्षित करता है। उदाहरण के लिए, पेज हेडर, सेक्शन, पैराग्राफ आदि को एडिटिंग प्रोग्राम में इस तरह लेबल किया जाता है और ब्राउज़र में उचित रूप से प्रदर्शित किया जाता है।
WYSIWYG प्राप्त करने में कठिनाइयाँ
एक दिया गया HTML दस्तावेज़ कई कारणों से विभिन्न प्लेटफार्मों और कंप्यूटरों पर असंगत दिखाई देगा।
- विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे।
- Google Chrome, Safari (वेब ब्राउज़र), Microsoft Edge, Internet Explorer और Firefox एक ही पृष्ठ थोड़ा भिन्न रूप से प्रदर्शित हो सकता है, लेकिन यह पूरी तरह से मान्य टेक्स्ट-ओनली लिंक्स में बहुत भिन्न दिखाई देगा। इसे एक पीडीए, एक इंटरनेट-सक्षम टेलीविजन और एक मोबाइल फोन पर फिर से अलग तरीके से प्रस्तुत करने की आवश्यकता होती है। भाषण या ब्रेल ब्राउजर में या किसी पारंपरिक ब्राउजर के साथ काम करने वाले स्क्रीन-रीडर के माध्यम से अलग तरह की मांगों को रखा जाएगा।[clarification needed] अंतर्निहित HTML के पहलू। एक लेखक जो कुछ भी कर सकता है वह उपस्थिति का सुझाव देता है।
- वेब ब्राउज़र सभी कंप्यूटर सॉफ़्टवेयर की तरह कंप्यूटर बग होते है, वे वर्तमान वेब मानको के अनुरूप नहीं हो सकते हैं। सभी सामान्य ब्राउज़रों के मौजूदा बग के आसपास वेब पेजों को डिजाइन करने की कोशिश करना निराशाजनक है। हर बार जब प्रत्येक ब्राउज़र का एक नया संस्करण सामने आता है, तो वर्ल्ड वाइड वेब के एक महत्वपूर्ण हिस्से को नए बग्स के अनुरूप फिर से कोडिंग की आवश्यकता होती है। आम तौर पर मानकों के अनुसार डिजाइन करना अधिक बुद्धिमान माना जाता है, जब तक कि वे व्यवस्थित न हो जाएं, तब तक 'ब्लीडिंग एज' सुविधाओं से दूर रहें, और फिर इसके विपरीत होने के बजाय ब्राउज़र डेवलपर्स द्वारा आपके पृष्ठों तक पहुंचने की प्रतीक्षा करें।[1] उदाहरण के लिए कोई भी यह तर्क नहीं दे सकता है कि CSS अभी भी 'अत्याधुनिक' है क्योंकि सभी प्रमुख विशेषताओं के लिए सामान्य ब्राउज़रों में व्यापक समर्थन उपलब्ध है,[2] भले ही कई WYSIWYG और अन्य संपादक अभी तक पूरी तरह से पकड़ में नहीं आए हों।[3]
- एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है।
- HTML दस्तावेज़ की अंतर्निहित संरचना से प्राप्त सिमेंटिक अर्थ, खोज इंजनों और विभिन्न अभिगम्यता उपकरणों के लिए भी महत्वपूर्ण है। कागज पर हम संदर्भ और अनुभव से बता सकते हैं कि क्या बोल्ड टेक्स्ट एक शीर्षक, या जोर, या कुछ और दर्शाता है। लेकिन WYSIWYG संपादक में इस अंतर को व्यक्त करना बहुत कठिन है। WYSIWYG संपादक में केवल पाठ के एक टुकड़े को बोल्ड करना पाठक को यह बताने के लिए पर्याप्त नहीं है कि पाठ बोल्ड क्यों है - बोल्डनेस शब्दार्थ क्या दर्शाता है।
- आधुनिक वेब साइटों का निर्माण शायद ही कभी इस तरह से किया जाता है जो WYSIWYG को उपयोगी बनाता है
- आधुनिक वेब साइट्स आमतौर पर एक सामग्री प्रबंधन प्रणाली या कुछ अन्य टेम्पलेट प्रोसेसर - आधारित साधनों का उपयोग करती हैं, जो डेटाबेस में संग्रहीत सामग्री का उपयोग करके फ्लाई पर पृष्ठों का निर्माण करती हैं। व्यक्तिगत पृष्ठ कभी भी फ़ाइल सिस्टम में संग्रहीत नहीं होते हैं क्योंकि उन्हें WYSIWYG संपादक में डिज़ाइन और संपादित किया जा सकता है, इस प्रकार अमूर्त टेम्पलेट-आधारित लेआउट का कुछ रूप अनिवार्य है, WYSIWYG संपादक का उपयोग करने के मुख्य लाभों में से एक को अमान्य कर देता है।
मान्य HTML मार्कअप
HTML एक संरचित मार्कअप भाषा है। वर्ल्ड वाइड वेब के लिए W3C मानकों के अनुरूप होने के लिए HTML को कैसे लिखा जाना चाहिए, इस पर कुछ नियम हैं। इन नियमों का पालन करने का मतलब है कि वेब साइट सभी प्रकार के कंप्यूटरों पर, सक्षम और विकलांग लोगों के लिए और वायरलेस मोबाइल फोन और पीडीए जैसे तार रहित उपकरणों पर भी उनके सीमित बैंडविड्थ और स्क्रीन आकार के साथ उपलब्ध हैं। हालाँकि, वेब पर अधिकांश HTML दस्तावेज़ W3C मानकों की आवश्यकताओं को पूरा नहीं करते हैं। 2011 में 350 सबसे लोकप्रिय वेब साइटों (एलेक्सा इंडेक्स द्वारा चयनित) पर किए गए एक अध्ययन में, 94 प्रतिशत वेबसाइटें वेब मानकों के मार्कअप और स्टाइल शीट सत्यापन परीक्षणों में विफल रहती हैं या चरित्र एन्कोडिंग को अनुचित तरीके से लागू करती हैं। यहां तक कि वे वाक्यात्मक रूप से सही दस्तावेज़ पुनरावृत्ति के अनावश्यक उपयोग के कारण अक्षम हो सकते हैं, या उन नियमों पर आधारित हो सकते हैं जिन्हें कुछ वर्षों के लिए बहिष्कृत कर दिया गया है। HTML के साथ CSS के उपयोग पर वर्तमान W3C अनुशंसाओं को पहली बार 1996 में औपचारिक रूप दिया गया था[4] और तब से संशोधित और परिष्कृत किया गया है।[5][6]
ये दिशानिर्देश सामग्री (एचटीएमएल या एक्सएचटीएमएल) को शैली (CSS) से अलग करने पर जोर देते हैं। यह पूरी साइट के लिए एक बार शैली की जानकारी देते है, यह प्रत्येक पृष्ठ में दोहराया नहीं जाता है, प्रत्येक HTML तत्व में अकेले रहते है। WYSIWYG संपादक डिजाइनर तब से संघर्ष कर रहे हैं कि इन अवधारणाओं को अपने उपयोगकर्ताओं को अंतर्निहित वास्तविकता को उजागर करके उन्हें भ्रमित किए बिना कैसे प्रस्तुत किया जाए। आधुनिक WYSIWYG संपादक इसमें कुछ हद तक सफल होते हैं, लेकिन उनमें से कोई भी पूरी तरह सफल नहीं हुआ है।
हालाँकि पाठकों और दर्शकों की सबसे बड़ी संख्या के बीच सफल होने के लिए WYSIWYG या हाथ से एक वेब पेज बनाया गया था, साथ ही साथ वेब के 'विश्वव्यापी' मूल्य को बनाए रखने के लिए सबसे पहले और सबसे महत्वपूर्ण इसमें मान्य मार्कअप और कोड शामिल होना चाहिए।[7] इसे वर्ल्ड वाइड वेब के लिए तैयार नहीं माना जाना चाहिए, जब तक कि इसके HTML और CSS सिंटैक्स को मुफ्त W3C सत्यापनकर्ता सेवाओं ( W3C HTML सत्यापनकर्ता और W3C CSS सत्यापनकर्ता ) या कुछ अन्य भरोसेमंद विकल्पों का उपयोग करके सफलतापूर्वक मान्य नहीं किया गया।
आधुनिक समाज में वेब की सर्वव्यापकता और महत्व को देखते हुए शारीरिक, दृष्टि या अन्य अक्षमताओं वाले लोगों द्वारा वेब पेजों की पहुंच न केवल एक अच्छा विचार है, बल्कि कानून द्वारा भी अनिवार्य है। यूएस में, अमेरिकी विकलांग अधिनियम और यूके में, विकलांगता भेदभाव अधिनियम सार्वजनिक रूप से वित्त पोषित संगठनों द्वारा संचालित वेब साइटों की आवश्यकता रखता है। कई अन्य देशों में इसी तरह के कानून या तो पहले से मौजूद हैं या जल्द ही बनेंगे।[7]पृष्ठों को केवल वैध बनाने की तुलना में उन्हें सुलभ बनाना अधिक जटिल है यह एक पूर्वापेक्षा है लेकिन विचार करने के लिए कई अन्य कारक हैं। अच्छा वेब डिज़ाइन, चाहे WYSIWYG टूल का उपयोग करके किया गया हो या नहीं, इन पर भी ध्यान देने की आवश्यकता है।
वेब पेजों को डिजाइन करने, बनाने और बनाए रखने के लिए जो भी सॉफ्टवेयर टूल्स का उपयोग किया जाता है,अंतर्निहित HTML की गुणवत्ता पेज पर काम करने वाले व्यक्ति के कौशल पर निर्भर करती है। HTML, CSS और अन्य स्क्रिप्टिंग भाषाओं के साथ-साथ इन क्षेत्रों में वर्तमान W3C अनुशंसाओं के साथ परिचित होने से किसी भी डिज़ाइनर को WYSIWYG HTML संपादक के साथ और बिना बेहतर वेब पेज बनाने में मदद मिलती है।[8]
यह भी देखें
- HTML संपादकों की तुलना
- एचटीएमएल संपादकों की सूची
- वेब टेम्पलेट सिस्टम
- वेबसाइट निर्माता
- दृश्य संपादक
- सत्यापनकर्ता
संदर्भ
- ↑ "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.
