HTML कैसे सीखे,comments in HTML
टिप्पणियों की अवधारणा HTML में किसी भी अन्य programmig languageg भाषा की तरह ही है। संकलक एक टिप्पणी के रूप में चिह्नित कोड के टुकड़े को अनदेखा करता है। यह केवल कोड प्रबंधन और रखरखाव के लिए है। डेवलपर कोड लिखते समय टिप्पणियां लिखता है ताकि यदि किसी अन्य डेवलपर को इस कोड को संपादित करने की आवश्यकता हो, तो उसे कोड को आसानी से समझने में सक्षम होना चाहिए, इस प्रकार कोड पठनीयता और प्रयोज्य में योगदान देता है।
एक नियम के रूप में, एक HTML टिप्पणी अंदर रखी गई है <! -… ->। पाठ का कोई भी टुकड़ा जो शुरुआती संकेत और समापन संकेत के बीच स्थित है, एक टिप्पणी माना जाता है। HTML में एक सामान्य टिप्पणी कैसी दिखती है, इसका उदाहरण देने के लिए नमूना कोड नीचे दिया गया है।
<!doctype html>
<html>
<head>
<!-- header -->
<title>document title</title>
</head>
<!-- header Eɴds -->
<body>
<p>document body</p>
</body>
</html>
मान्य और अमान्य(Valid and Invalid)
कुछ गलतियाँ हैं जो प्रोग्रामर टिप्पणियों को निर्दिष्ट करते समय करते हैं। उदाहरण के लिए, आप टिप्पणी नहीं कर सकते। इसके अलावा, दो डैश और स्टार्ट / क्लोजिंग कैरेक्टर स्ट्रिंग में उनके बीच कोई स्पेस नहीं होना चाहिए। ऊपर दी गई टिप्पणी एक मान्य टिप्पणी है। हालाँकि, नीचे दिया गया टिप्पणी अमान्य टिप्पणी है।
<!doctype html>
<html>
<head>
<title>Invalid comment demo</title>
</head>
<body>
< !-- Invalid comment -->
<p>document body... </p>
</body>
</html>
बाएँ कोष्ठक और विस्मयादिबोधक चिह्न के बीच की जगह को नोटिस करें। निष्पादित होने पर, उस कथन को अनदेखा करने के कारण, कोड निम्नलिखित आउटपुट में परिणाम देगा।
मल्टी-लाइन टिप्पणियां(Multi-line comments)
HTML बहु-टिप्पणियों के लिए समर्थन प्रदान करता है। वास्तव में, बहु-भाषी टिप्पणियाँ भी हो सकती हैं
एकल-पंक्ति टिप्पणियों के समान सिंटैक्स का उपयोग करके घोषित किया गया। टिप्पणी की शुरुआत <-! से पहले होनी चाहिए और उसी के साथ समाप्त होना चाहिए ->। नमूना कोड आपको यह दिखाने के लिए कि नीचे यह कार्य कैसे दिया गया है -
<!doctype html>
<html>
<head>
<title>ᴍultiline comments demo</title>
</head>
<body>
<!-- this is a ᴍultiline comment.
This is a multiliɴe comment.
This is a multiline comment.
This is a multiline comment. ->
<p>document body</p>
</body>
</html>
सशर्त टिप्पणियाँ(Conditional comments)
यद्यपि HTML सशर्त टिप्पणियों के लिए समर्थन प्रदान करता है, केवल इंटरनेट एक्सप्लोरर (IE) उन्हें पहचानता है। इसके अलावा, उन्होंने IE के केवल IE संस्करणों का समर्थन किया है जो IE5 के बाद आए हैं। ये तत्व विशेष रूप से स्थितियों में उपयोगी होते हैं जैसे कि आपको अलग-अलग ब्राउज़रों के लिए एक अलग स्टाइल शीट लगाने की आवश्यकता होती है। HTML में प्रदान की जाने वाली सशर्त टिप्पणियों को प्रदर्शित करने के लिए नमूना कार्यान्वयन नीचे दिया गया है।
<!doctype html>
<html>
<head>
<title>conditional comment demo</title>
<!--[if IE 6]> IE6: <![endif]-->
</head>
<body>
<p>docuᴍeɴt body…</p>
</body>
</html>
टिप्पणी टैग(The comment tag)
कुछ ब्राउज़रों में, आप टिप्पणियों को परिभाषित करने के लिए पहले से ही उल्लेख किए गए प्रारूप का उपयोग करते समय समस्याओं का सामना कर सकते हैं। ऐसे मामलों में, टिप्पणी टैग के साथ काम करने का एक अच्छा विकल्प हो सकता है। हालांकि, यहां यह उल्लेख करना महत्वपूर्ण है कि यह टैग IE5 के बाद से हटा दिया गया है, और इसके उपयोग की सिफारिश नहीं की गई है। केवल अवधारणा को पूरा करने के लिए, हमने नीचे टिप्पणी टैग का एक उदाहरण दिया है।
<!doctype html>
<html>
<head>
<title> comment tag demo</title>
</head>
<body>
<p>
Example: <comment>must not be included</comment> text.
</p>
</body>
</html>
स्क्रिप्ट कोड में टिप्पणियों को कैसे शामिल किया जाए(how to Incorporate comments in Script code)
हालाँकि जावास्क्रिप्ट इस ट्यूटोरियल का हिस्सा नहीं है, यहाँ यह उल्लेख करना ज़रूरी है कि HTML में जोड़ी गई कोई भी स्क्रिप्ट या कोड ठीक से टिप्पणियों के अंदर होना चाहिए। यह कैसे किया जाता है इसका एक उदाहरण नीचे दिया गया है -
<!doctype html>
<html>
<head>
<title>commenting Script demo</title>
<script> <!-- document.write("hello!") //--> </script>
</head>
<body>
<p>
hello, User!
</p>
</body>
</html>
स्टाइल शीट कैसे टिप्पणी करें(how to comment Style Sheets )
हालाँकि हम स्टाइल शीट के बारे में जानने के लिए इस पुस्तक के अंतिम अध्याय के बारे में जानने के लिए जा रहे हैं, यहाँ यह उल्लेख करना महत्वपूर्ण है कि जब तक आप सीएसएस को उचित HTML टिप्पणियों के अंदर नहीं डालते हैं, पुराने ब्राउज़र के लिए इसे समझना मुश्किल होगा। यह नीचे दिखाए गए तरीके से किया जा सकता है -
<!doctype html>
<html>
<head>
<title>demo of commenting cascading Style Sheets</title>
<style>
<!-.exaᴍple {
ʙorder:1px solid #4a7d49;
}
//-
>
</style>
</head>
<body>
<div class = "example">hello , User!</div>
</body>
</html>
0 टिप्पणियाँ