2.1 टैग का परिचय
मार्कअप टैग पर आधारित HTML-documentsहै । एक टैग क्या है ?
70 के दशक में टैग का आविष्कार किया गया था ताकि लोग इन दस्तावेजों को संसाधित करने वाले कार्यक्रमों के दस्तावेजों में सेवा की जानकारी जोड़ सकें।
Tag- यह एक कुंजी (कार्यात्मक) शब्द है, जो अक्सर अंग्रेजी में होता है, जिसे कोण कोष्ठक (अधिक और कम वर्ण) में बनाया गया था ताकि प्रोग्राम अंग्रेजी में टैग और सामान्य शब्दों को भ्रमित न करें।
टैग में विभिन्न सेवा सूचनाएँ भी हो सकती हैं जो दस्तावेज़ को संसाधित करने वाले प्रोग्राम के लिए उपयोगी हो सकती हैं।
एक टैग के साथ उदाहरण पाठ:
<a href="http://codegym.cc/about">
Link to something interesting
</a>इस उदाहरण में, हम टेक्स्ट, "ए" टैग, साथ ही सेवा जानकारी - टैग विशेषताएँ देखते हैं। नीचे आप उनके बारे में और जानेंगे।
2.2 प्रकार के टैग: खोलना, बंद करना, खाली टैग
टैग विभिन्न प्रकार के होते हैं। सबसे पहले, वे सिंगल और डबल हैं। सबसे आम युग्मित टैग हैं । और जैसा कि आप शायद पहले ही अनुमान लगा चुके हैं, वे हमेशा जोड़े में जाते हैं। उन्हें उद्घाटन और समापन भी कहा जाता है।
उद्घाटन टैग त्रिकोण कोष्ठक में सिर्फ एक कीवर्ड है। उदाहरण:
<h1>क्लोजिंग टैग ओपनिंग टैग के समान है, लेकिन कीवर्ड के पहले स्लैश होता है। उदाहरण:
</h1>शुरुआती टैग में सेवा की जानकारी - विशेषताएँ हो सकती हैं, समापन टैग - नहीं । प्रारंभ टैग हमेशा एक जोड़ी का पहला होता है। क्लोजिंग टैग पहले टेक्स्ट में और फिर ओपनिंग टैग में नहीं जा सकता है। यह HTML-documentमान्य नहीं होगा।
सिंगल टैग में क्लोजिंग टैग नहीं होता है। ऐसे टैग की सूची द्वारा परिभाषित किया गया है HTML-standard। ऐसे टैग के उदाहरण:
<br>- पंक्ति तोड़ना;<img>- चित्र।
वैसे, एक युग्मित टैग, अगर इसमें जानकारी नहीं है, तो इसे संक्षिप्त रूप में लिखा जा सकता है । उदाहरण:
<h1/>यह एक अकेला टैग नहीं है, बल्कि एक खाली जोड़ी टैग है। यह एक ही समय में बंद और खुले टैग दोनों की तरह है। यह बंद टैग से अलग है जिसमें स्लैश अंत में है (दूसरे त्रिकोणीय ब्रैकेट से पहले)।
2.3 टैग ट्री
और युग्मित टैग के बारे में अधिक महत्वपूर्ण जानकारी। दस्तावेज़ में उनमें से कई हो सकते हैं और उन्हें नेस्टेड किया जा सकता है। इसका मतलब क्या है? इसका मतलब यह है कि किसी भी पाठ को HTML-documentटैग के साथ फ्रेम (लपेटा) जा सकता है, भले ही उसमें अन्य टैग हों। उदाहरण:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>मोटे तौर पर, HTML पाठ में टैग का एक क्रम हो सकता है:
<h1> <h2> </h2> </h1>लेकिन यह नहीं हो सकता:
<h1> <h2> </h1> </h2>यदि प्रारंभ टैग <h2>एक <h1>-टैग जोड़ी के अंदर है, तो इसका मेल खाने वाला अंत टैग भी -टैग जोड़ी </h2>के अंदर होना चाहिए ।<h1>
इस प्रकार, सभी दस्तावेज़ टैग एक प्रकार का टैग ट्री बनाते हैं । सबसे पहले शीर्ष-स्तरीय टैग आता है जो पूरे दस्तावेज़ को लपेटता है, जिसे आमतौर पर कहा जाता है <html>, इसमें चाइल्ड टैग जोड़े होते हैं, उनके अपने होते हैं, और इसी तरह।
वास्तव में, टैग के साथ एक दस्तावेज़ को संसाधित करने वाला प्रोग्राम इसे ठीक उसी तरह देखता है - जैसे टैग ट्री के अंदर कुछ पाठ के साथ।
2.4 गुण
यदि हम एट्रिब्यूट्स के बारे में बात नहीं करते हैं तो टैग्स के बारे में जानकारी पूरी नहीं होगी। जोड़े गए टैग के एकल टैग और प्रारंभ टैग हो सकते हैं । इन विशेषताओं में टैग की सामग्री के बारे में उपयोगी जानकारी होती है।
एक टैग में कई विशेषताएँ हो सकती हैं, और उनके निम्नलिखित सामान्य रूप हैं:
<tag name1="value1" name2="value2">Nameप्रत्येक विशेषता को और की जोड़ी के रूप में निर्दिष्ट किया गया है meaning। कई गुण हो सकते हैं।
लेकिन एक अनुभवी प्रोग्रामर तुरंत सवाल पूछेगा: यदि आपको विशेषता मान के रूप में वर्णों «<»या «>»उद्धरणों वाले पाठ का उपयोग करने की आवश्यकता है तो क्या करें?
| प्रतीक नाम | प्रतीक | एचटीएमएल प्रविष्टि |
|---|---|---|
| दोहरा उद्धरण चिह्न | " | " |
| एम्पसेंड | और | और |
| प्रतीक से कम | < | < |
| अधिक प्रतीक | > | > |
| अंतरिक्ष | ||
| एकल बोली | ' | ' |