एचटीएमएल संपादक: Difference between revisions
Line 29: | Line 29: | ||
;विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे। | ;विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे। | ||
: | : [[Google Chrome]], Safari (वेब ब्राउज़र), [[Microsoft Edge]], [[Internet Explorer]] और [[Firefox]] एक ही पृष्ठ थोड़ा भिन्न रूप से प्रदर्शित हो सकता है, लेकिन यह पूरी तरह से मान्य टेक्स्ट-ओनली लिंक्स में बहुत भिन्न दिखाई देगा। इसे एक पीडीए, एक इंटरनेट-सक्षम टेलीविजन और एक मोबाइल फोन पर फिर से अलग तरीके से प्रस्तुत करने की आवश्यकता होती है। भाषण या [[ब्रेल]] ब्राउजर में या किसी पारंपरिक ब्राउजर के साथ काम करने वाले स्क्रीन-रीडर के माध्यम से अलग तरह की मांगों को रखा जाएगा।{{clarify|date=October 2020}} अंतर्निहित HTML के पहलू। एक लेखक जो कुछ भी कर सकता है वह उपस्थिति का सुझाव देता है। वेब ब्राउज़र सभी कंप्यूटर सॉफ़्टवेयर की तरह [[कंप्यूटर बग]] होते हैं | ||
वेब ब्राउज़र | |||
: वे वर्तमान [[वेब मानक]]ों के अनुरूप नहीं हो सकते हैं। सभी सामान्य ब्राउज़रों के मौजूदा बग के आसपास वेब पेजों को डिजाइन करने की कोशिश करना निराशाजनक है: हर बार जब प्रत्येक ब्राउज़र का एक नया संस्करण सामने आता है, तो [[वर्ल्ड वाइड वेब]] के एक महत्वपूर्ण हिस्से को नए बग्स के अनुरूप फिर से कोडिंग की आवश्यकता होती है। नए सुधार। आम तौर पर मानकों के अनुसार डिजाइन करना अधिक बुद्धिमान माना जाता है, जब तक कि वे व्यवस्थित न हो जाएं, तब तक 'ब्लीडिंग एज' सुविधाओं से दूर रहें, और फिर इसके विपरीत होने के बजाय ब्राउज़र डेवलपर्स द्वारा आपके पृष्ठों तक पहुंचने की प्रतीक्षा करें।<ref>{{cite web|url=http://www.w3.org/People/Bos/DesignGuide/designguide.html |title=W3C के डिजाइन सिद्धांतों पर एक निबंध|publisher=W3.org |access-date=2013-10-23}}</ref> उदाहरण के लिए, कोई भी तर्क नहीं दे सकता है कि सीएसएस अभी भी 'अत्याधुनिक' है क्योंकि अब सभी प्रमुख विशेषताओं के लिए सामान्य ब्राउज़रों में व्यापक समर्थन उपलब्ध है,<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> उदाहरण के लिए, कोई भी तर्क नहीं दे सकता है कि सीएसएस अभी भी 'अत्याधुनिक' है क्योंकि अब सभी प्रमुख विशेषताओं के लिए सामान्य ब्राउज़रों में व्यापक समर्थन उपलब्ध है,<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> | ||
;एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है | ;एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है |
Revision as of 21:17, 25 January 2023
This article needs additional citations for verification. (August 2019) (Learn how and when to remove this template message) |
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 संपादक
This section does not cite any sources. (September 2016) (Learn how and when to remove this template message) |
WYSIWYG HTML संपादक एक संपादन इंटरफ़ेस प्रदान करते हैं, जो वेब ब्राउज़र में पृष्ठ को प्रदर्शित करने के तरीके जैसा दिखता है, क्योंकि WYSIWYG संपादक का उपयोग करने के लिए किसी HTML ज्ञान की आवश्यकता नहीं हो सकती है। एक अनुभवहीन कंप्यूटर उपयोगकर्ता के लिए शुरुआत करना अक्सर आसान होता है।
WYSIWYG दृश्य एक ब्राउज़र इंजन को एम्बेड करके प्राप्त किया जाता है। यह कस्टम-लिखित हो सकता है या वेब ब्राउज़र में उपयोग किए जाने वाले पर आधारित हो सकता है। लक्ष्य यह है कि, संपादन के दौरान हर समय, रेंडरिंग (कंप्यूटर ग्राफ़िक्स) परिणाम को यह दर्शाना चाहिए कि बाद में एक विशिष्ट वेब ब्राउज़र में क्या देखा जाएगा।
WYSIWYM (आप जो देखते हैं वही आपका मतलब है) WYSIWYG संपादकों के लिए एक वैकल्पिक प्रतिमान है। दस्तावेज़ के प्रारूप या प्रस्तुति पर ध्यान केंद्रित करने के बजाय, यह प्रत्येक तत्व के इच्छित अर्थ को संरक्षित करता है। उदाहरण के लिए, पेज हेडर, सेक्शन, पैराग्राफ आदि को एडिटिंग प्रोग्राम में इस तरह लेबल किया जाता है और ब्राउज़र में उचित रूप से प्रदर्शित किया जाता है।
WYSIWYG प्राप्त करने में कठिनाइयाँ
एक दिया गया HTML दस्तावेज़ कई कारणों से विभिन्न प्लेटफार्मों और कंप्यूटरों पर असंगत दिखाई देगा।
- विभिन्न ब्राउज़र और एप्लिकेशन एक ही मार्कअप को अलग-अलग तरीके से प्रस्तुत करेंगे।
- Google Chrome, Safari (वेब ब्राउज़र), Microsoft Edge, Internet Explorer और Firefox एक ही पृष्ठ थोड़ा भिन्न रूप से प्रदर्शित हो सकता है, लेकिन यह पूरी तरह से मान्य टेक्स्ट-ओनली लिंक्स में बहुत भिन्न दिखाई देगा। इसे एक पीडीए, एक इंटरनेट-सक्षम टेलीविजन और एक मोबाइल फोन पर फिर से अलग तरीके से प्रस्तुत करने की आवश्यकता होती है। भाषण या ब्रेल ब्राउजर में या किसी पारंपरिक ब्राउजर के साथ काम करने वाले स्क्रीन-रीडर के माध्यम से अलग तरह की मांगों को रखा जाएगा।[clarification needed] अंतर्निहित HTML के पहलू। एक लेखक जो कुछ भी कर सकता है वह उपस्थिति का सुझाव देता है। वेब ब्राउज़र सभी कंप्यूटर सॉफ़्टवेयर की तरह कंप्यूटर बग होते हैं
- वे वर्तमान वेब मानकों के अनुरूप नहीं हो सकते हैं। सभी सामान्य ब्राउज़रों के मौजूदा बग के आसपास वेब पेजों को डिजाइन करने की कोशिश करना निराशाजनक है: हर बार जब प्रत्येक ब्राउज़र का एक नया संस्करण सामने आता है, तो वर्ल्ड वाइड वेब के एक महत्वपूर्ण हिस्से को नए बग्स के अनुरूप फिर से कोडिंग की आवश्यकता होती है। नए सुधार। आम तौर पर मानकों के अनुसार डिजाइन करना अधिक बुद्धिमान माना जाता है, जब तक कि वे व्यवस्थित न हो जाएं, तब तक 'ब्लीडिंग एज' सुविधाओं से दूर रहें, और फिर इसके विपरीत होने के बजाय ब्राउज़र डेवलपर्स द्वारा आपके पृष्ठों तक पहुंचने की प्रतीक्षा करें।[1] उदाहरण के लिए, कोई भी तर्क नहीं दे सकता है कि सीएसएस अभी भी 'अत्याधुनिक' है क्योंकि अब सभी प्रमुख विशेषताओं के लिए सामान्य ब्राउज़रों में व्यापक समर्थन उपलब्ध है,[2] भले ही कई WYSIWYG और अन्य संपादक अभी तक पूरी तरह से पकड़ में नहीं आए हों।[3]
- एक एकल दृश्य शैली कई शब्दार्थ अर्थों का प्रतिनिधित्व कर सकती है
- सिमेंटिक अर्थ, HTML दस्तावेज़ की अंतर्निहित संरचना से प्राप्त होता है, जो सर्च इंजन और विभिन्न एक्सेसिबिलिटी टूल्स के लिए भी महत्वपूर्ण है। कागज पर हम संदर्भ और अनुभव से बता सकते हैं कि क्या बोल्ड टेक्स्ट एक शीर्षक, या जोर, या कुछ और दर्शाता है। लेकिन WYSIWYG संपादक में इस अंतर को व्यक्त करना बहुत कठिन है। WYSIWYG संपादक में केवल पाठ के एक टुकड़े को बोल्ड करना पाठक को यह बताने के लिए पर्याप्त नहीं है कि पाठ बोल्ड क्यों है - बोल्डनेस शब्दार्थ क्या दर्शाता है।
- आधुनिक वेब साइटों का निर्माण शायद ही कभी इस तरह से किया जाता है जो WYSIWYG को उपयोगी बनाता है
- आधुनिक वेब साइटें डेटाबेस में संग्रहीत सामग्री का उपयोग करके पृष्ठों के निर्माण के लिए आमतौर पर एक सामग्री प्रबंधन प्रणाली या कुछ अन्य टेम्पलेट प्रोसेसर-आधारित साधनों का उपयोग करती हैं। व्यक्तिगत पृष्ठ कभी भी फ़ाइल सिस्टम में संग्रहीत नहीं होते हैं क्योंकि उन्हें WYSIWYG संपादक में डिज़ाइन और संपादित किया जा सकता है, इस प्रकार अमूर्त टेम्पलेट-आधारित लेआउट का कुछ रूप अनिवार्य है, WYSIWYG संपादक का उपयोग करने के मुख्य लाभों में से एक को अमान्य कर देता है।
मान्य HTML मार्कअप
HTML एक संरचित मार्कअप भाषा है। वर्ल्ड वाइड वेब के लिए W3C मानकों के अनुरूप होने के लिए HTML को कैसे लिखा जाना चाहिए, इस पर कुछ नियम हैं। इन नियमों का पालन करने का मतलब है कि वेब साइट सभी प्रकार के और कंप्यूटर के बने, सक्षम और विकलांग लोगों के लिए, और मोबाइल फोन और पीडीए जैसे तार रहित उपकरणों पर भी उनके सीमित बैंडविड्थ और स्क्रीन आकार के साथ उपलब्ध हैं। हालाँकि, वेब पर अधिकांश HTML दस्तावेज़ W3C मानकों की आवश्यकताओं को पूरा नहीं करते हैं। 2011 में 350 सबसे लोकप्रिय वेब साइटों (एलेक्सा इंडेक्स द्वारा चयनित) पर किए गए एक अध्ययन में, 94 प्रतिशत वेबसाइटें वेब मानकों के मार्कअप और स्टाइल शीट सत्यापन परीक्षणों में विफल रहती हैं, या चरित्र एन्कोडिंग को अनुचित तरीके से लागू करती हैं। यहां तक कि वे वाक्यात्मक रूप से सही दस्तावेज़ भी दोहराव के अनावश्यक उपयोग के कारण या कुछ वर्षों के लिए पदावनति वाले नियमों पर आधारित होने के कारण अक्षम हो सकते हैं। HTML के साथ CSS के उपयोग पर वर्तमान W3C अनुशंसाओं को पहली बार 1996 में W3C द्वारा औपचारिक रूप दिया गया था[4] और तब से संशोधित और परिष्कृत किया गया है।[5][6] ये दिशानिर्देश सामग्री (एचटीएमएल या एक्सएचटीएमएल) को शैली (सीएसएस) से अलग करने पर जोर देते हैं। यह पूरी साइट के लिए एक बार शैली की जानकारी देने का लाभ है, प्रत्येक पृष्ठ में दोहराया नहीं जाता है, प्रत्येक HTML तत्व में अकेले रहने दें। WYSIWYG संपादक डिजाइनर तब से संघर्ष कर रहे हैं कि इन अवधारणाओं को अपने उपयोगकर्ताओं को अंतर्निहित वास्तविकता को उजागर करके उन्हें भ्रमित किए बिना कैसे प्रस्तुत किया जाए। आधुनिक WYSIWYG संपादक इसमें कुछ हद तक सफल होते हैं, लेकिन उनमें से कोई भी पूरी तरह सफल नहीं हुआ है।
हालाँकि पाठकों और दर्शकों की सबसे बड़ी संख्या के बीच सफल होने के लिए, WYSIWYG या हाथ से एक वेब पेज बनाया या संपादित किया गया था, साथ ही साथ वेब के 'विश्वव्यापी' मूल्य को बनाए रखने के लिए, सबसे पहले और सबसे महत्वपूर्ण इसमें शामिल होना चाहिए मान्य मार्कअप और कोड का।[7] इसे वर्ल्ड वाइड वेब के लिए तैयार नहीं माना जाना चाहिए, जब तक कि इसके HTML और CSS सिंटैक्स को मुफ्त W3C सत्यापनकर्ता सेवाओं (W3C HTML सत्यापनकर्ता और [http:/ /jigsaw.w3.org/css-validator/ W3C CSS Validator]) या कुछ अन्य भरोसेमंद विकल्प।[7]
आधुनिक समाज में वेब की सर्वव्यापकता और महत्व को देखते हुए शारीरिक, दृष्टि या अन्य अक्षमताओं वाले लोगों द्वारा वेब पेजों की पहुंच न केवल एक अच्छा विचार है, बल्कि कानून द्वारा भी अनिवार्य है। यू.एस. में, अमेरिकी विकलांग अधिनियम और यूके में, विकलांगता भेदभाव अधिनियम सार्वजनिक रूप से वित्त पोषित संगठनों द्वारा संचालित वेब साइटों पर आवश्यकता रखता है। कई अन्य देशों में इसी तरह के कानून या तो पहले से मौजूद हैं या जल्द ही बनेंगे।[7]वेब सामग्री अभिगम्यता दिशानिर्देश केवल उन्हें वैध बनाने की तुलना में अधिक जटिल हैं; यह एक पूर्वापेक्षा है लेकिन विचार करने के लिए कई अन्य कारक हैं।[8] अच्छा वेब डिज़ाइन, चाहे WYSIWYG टूल का उपयोग करके किया गया हो या नहीं, इन पर भी ध्यान देने की आवश्यकता है।
वेब पेजों को डिजाइन करने, बनाने और बनाए रखने के लिए जो भी सॉफ्टवेयर टूल्स का उपयोग किया जाता है, अंतर्निहित HTML की गुणवत्ता पेज पर काम करने वाले व्यक्ति के कौशल पर निर्भर करती है। HTML, CSS और अन्य स्क्रिप्टिंग भाषाओं के साथ-साथ इन क्षेत्रों में वर्तमान W3C अनुशंसाओं के साथ परिचित होने से किसी भी डिज़ाइनर को WYSIWYG HTML संपादक के साथ और बिना बेहतर वेब पेज बनाने में मदद मिलेगी।[9]
यह भी देखें
- HTML संपादकों की तुलना
- एचटीएमएल संपादकों की सूची
- वेब टेम्पलेट सिस्टम
- वेबसाइट निर्माता
- दृश्य संपादक
- सत्यापनकर्ता
इस पेज में लापता आंतरिक लिंक की सूची
- तोड़फोड़ (सॉफ्टवेयर)
- गिट (सॉफ्टवेयर)
- पेज लेआउट
- पाठ के प्रस्तुतिकरण के लिए प्रयुक्त भाषा
- एचटीएमएल साफ
- टेम्पलेट (फ़ाइल स्वरूप)
- आलेखी आयोजक
- जादूगर (सॉफ्टवेयर)
- वस्तु (कंप्यूटर विज्ञान)
- एचटीएमएल तत्व
- वेब अप्प
- प्रतिपादन (कंप्यूटर ग्राफिक्स)
- लिंक्स (ब्राउज़र)
- व्यक्तिगत अंकीय सहायक
- सफारी (वेब ब्राउज़र)
- प्रतिवाद
- सरल उपयोग
- 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 7.2 Harold, Elliotte Rusty (2008). एचटीएमएल रिफैक्टरिंग. Boston: Addison Wesley. ISBN 978-0-321-50363-3.
- ↑ "वेब सामग्री अभिगम्यता दिशानिर्देश (डब्लुसीएजी) 2.0". W3.org. 2008. Retrieved 23 October 2013.
- ↑ "डेव रैगेट का HTML से परिचय". W3.org. 24 May 2005. Retrieved 23 October 2013.