HTML
टिप्पणियाँ
खोज…
परिचय
अन्य प्रोग्रामिंग, मार्कअप और मार्कडाउन भाषाओं के समान, HTML में टिप्पणियां अन्य डेवलपर्स को यूजर इंटरफेस को प्रभावित किए बिना विकास विशिष्ट जानकारी प्रदान करती हैं। हालांकि, अन्य भाषाओं के विपरीत, HTML टिप्पणियों का उपयोग केवल इंटरनेट एक्सप्लोरर के लिए HTML तत्वों को निर्दिष्ट करने के लिए किया जा सकता है। यह विषय HTML टिप्पणियों और उनके कार्यात्मक अनुप्रयोगों को लिखने का तरीका बताता है।
वाक्य - विन्यास
<!-- Comment text -->
टिप्पणियों
<!--
साथ शुरू होने वाली और -->
साथ समाप्त होने वाली कोई भी टिप्पणी है। टिप्पणियों में दो आसन्न डैश ( --
) नहीं हो सकते हैं, और बिल्कुल दो डैश के साथ समाप्त होना चाहिए (यानी --->
सही नहीं है)।
टिप्पणियाँ किसी वेब पेज पर दिखाई नहीं देती हैं और CSS के साथ स्टाइल नहीं की जा सकती हैं। उन्हें HTML के भीतर नोट्स बनाने के लिए, या विकास के दौरान कुछ सामग्री को छिपाने के लिए पृष्ठ के डेवलपर द्वारा उपयोग किया जा सकता है।
डायनामिक या इंटरेक्टिव पृष्ठों के लिए, एचटीएमएल टिप्पणियों के बजाय सामग्री को छुपाना और दिखाना जावास्क्रिप्ट और सीएसएस के साथ किया जाता है।
HTML टिप्पणी नोड्स की सामग्री प्राप्त करने के लिए जावास्क्रिप्ट का उपयोग किया जा सकता है और इन नोड्स को गतिशील रूप से बनाया, जोड़ा और दस्तावेज़ से हटाया जा सकता है लेकिन यह प्रभावित नहीं करेगा कि पृष्ठ कैसे प्रदर्शित किया जाता है।
चूंकि HTML टिप्पणियाँ पृष्ठ के स्रोत कोड का हिस्सा होती हैं, इसलिए उन्हें शेष पृष्ठ के साथ ब्राउज़र में डाउनलोड किया जाता है। स्रोत कोड को आमतौर पर वेब ब्राउज़र के मेनू विकल्प का उपयोग करके "स्रोत देखें" या "पृष्ठ स्रोत देखें" देखा जा सकता है।
टिप्पणियाँ बना रहा है
HTML टिप्पणियों का उपयोग कोड में एक विशिष्ट बिंदु के बारे में अपने आप को या अन्य डेवलपर्स को नोट्स छोड़ने के लिए किया जा सकता है। उन्हें <!--
साथ आरंभ किया जा सकता है और -->
साथ निष्कर्ष निकाला जा सकता है, जैसे:
<!-- I'm an HTML comment! -->
उन्हें अन्य सामग्री के भीतर इनलाइन शामिल किया जा सकता है:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
वे अधिक जानकारी प्रदान करने के लिए कई लाइनों का भी विस्तार कर सकते हैं:
<!-- This is a multiline HTML comment.
Whatever is in here will not be rendered by the browser.
You can "comment out" entire sections of HTML code.
-->
हालाँकि, वे इस तरह से एक और HTML टैग में प्रकट नहीं हो सकते हैं :
<h1 <!-- testAttribute="something" -->>This will not work</h1>
यह संपूर्ण <h1 <!-- testAttribute="something" -->
ब्लॉक को अमान्य HTML <h1 <!-- testAttribute="something" -->
है, जिसे एक एकल प्रारंभ टैग h1
माना जाएगा, जिसमें कुछ अन्य अमान्य जानकारी होती हैं, जिसके बाद एकल >
समापन ब्रैकेट होता है जो कुछ भी नहीं करता है।
उन उपकरणों के साथ संगतता के लिए जो HTML को XML या SGML के रूप में पार्स करने का प्रयास करते हैं, आपकी टिप्पणी के मुख्य भाग में दो डैश नहीं होने चाहिए --
।
इंटरनेट एक्सप्लोरर के लिए सशर्त टिप्पणियाँ
Microsoft इंटरनेट एक्सप्लोरर के विभिन्न संस्करणों के लिए कोड को अनुकूलित करने के लिए सशर्त टिप्पणियों का उपयोग किया जा सकता है। उदाहरण के लिए, विभिन्न HTML कक्षाएं, स्क्रिप्ट टैग या स्टाइलशीट प्रदान की जा सकती हैं। सशर्त टिप्पणियों को इंटरनेट एक्सप्लोरर 5 संस्करणों में 9. के माध्यम से समर्थन किया जाता है। पुराने और नए इंटरनेट एक्सप्लोरर संस्करणों, और सभी गैर-IE ब्राउज़रों को "डाउनलेवल" माना जाता है और सशर्त टिप्पणियों को साधारण HTML टिप्पणियों के रूप में माना जाता है।
निचले स्तर-छिपा हुआ
डाउनलिवल-छिपी टिप्पणियां संपूर्ण सामग्री को एक सामान्य HTML टिप्पणी के रूप में प्रकट करती हैं। 9 के माध्यम से केवल IE 5 अभी भी एक सशर्त टिप्पणी के रूप में पढ़ेगा, और वे तदनुसार सामग्री को छिपाएंगे या प्रदर्शित करेंगे। अन्य ब्राउज़रों में सामग्री छिपाई जाएगी।
<!--[if IE]>
Revealed in IE 5 through 9. Commented out and hidden in all other browsers.
<![endif]-->
<!--[if lt IE 8]>
Revealed only in specified versions of IE 5-9 (here, IE less than 8).
<![endif]-->
<!--[if !IE]>
Revealed in no browsers. Equivalent to a regular HTML comment.
<![endif]-->
<!--
For purposes of comparison, this is a regular HTML comment.
-->
निचले स्तर-पता चला
ये नीचे-छिपी टिप्पणियों से थोड़ा अलग हैं: केवल सशर्त टिप्पणी ही सामान्य टिप्पणी वाक्य रचना के भीतर निहित है। ऐसे ब्राउज़र जो सशर्त टिप्पणियों का समर्थन नहीं करते हैं, बस उन्हें अनदेखा करेंगे और उनके बीच की शेष सामग्री को प्रदर्शित करेंगे।
<!--[if IE]>-->
The HTML inside this comment is revealed in IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if IE 9]>-->
This is revealed in specified versions of IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if !IE]>-->
This is not revealed in IE 5-9. It's still revealed in other browsers.
<!--<![endif]-->
इनलाइन तत्वों के बीच व्हाट्सएप पर टिप्पणी करना
इनलाइन डिस्प्ले एलिमेंट्स, जैसे कि span
या a
, में डॉक्यूमेंट में उनके पहले और बाद में एक व्हाइट-स्पेस कैरेक्टर तक शामिल होगा। मार्कअप (जो पढ़ने में कठिन हैं) और अनजाने में सफेद-स्थान (जो स्वरूपण को प्रभावित करता है) में बहुत लंबी लाइनों से बचने के लिए, सफेद-स्थान पर टिप्पणी की जा सकती है।
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
इनलाइन तत्वों के बीच एक टिप्पणी के बिना इसे आज़माएं, और उनके बीच एक स्थान होगा। कभी-कभी अंतरिक्ष चरित्र को चुनना वांछित होता है।
उदाहरण कोड:
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
<hr>
<!-- Without it, you can notice a small formatting difference: -->
<a href="#">I hope there will be no extra whitespace after this!</a>
<button>Foo</button>
आउटपुट: