टैग ( कृपया. टैग, कभी-कभी टैग) HTML भाषा का एक तत्व है जिसका उपयोग किसी वेब पेज के स्रोत पाठ को चिह्नित करने के लिए किया जाता है। टैग कोण कोष्ठक में संलग्न अंग्रेजी शब्दों के संक्षिप्त रूप या संक्षेप हैं, उदाहरण के लिए, टैग
…
के लिए संक्षिप्त रूप अंग्रेज़ी शब्द अनुच्छेद, अर्थात, इस टैग में संलग्न पाठ को ब्राउज़र द्वारा एक पैराग्राफ के रूप में पहचाना जाएगा।HTML में प्रत्येक टैग का एक विशेष अर्थ होता है और यह कुछ डेटा प्रदर्शित करने के लिए जिम्मेदार होता है। टैग नामों में अक्षरों का मामला कोई मायने नहीं रखता, उदाहरण के लिए, टैग
…
और टैग करें…
- यह एक ही है। यानी टैग छोटे और बड़े दोनों अक्षरों में लिखे जा सकते हैं। पहले, सभी टैगों को बड़े अक्षरों में लिखना आम बात थी ताकि टैग नियमित पाठ से भिन्न हों। अब ऐसी कोई आवश्यकता नहीं है, क्योंकि कई संपादकों के पास सिंटैक्स हाइलाइटिंग है।टैग वर्गीकरणHTML में 90 से अधिक टैग हैं, आमतौर पर, एक टैग दस्तावेज़ के केवल भाग को प्रभावित करता है, उदाहरण के लिए, प्रथम-स्तरीय शीर्षक टैग... ऐसे मामलों में, युग्मित टैग का उपयोग किया जाता है: उद्घाटनऔर समापन. एक प्रारंभिक टैग (उदाहरण के लिए, ) प्रभाव बनाता है, और एक समापन टैग ( ) प्रभाव को रोकता है। जैसा कि आप उदाहरण से देख सकते हैं, समापन टैग में हमेशा यह प्रतीक (/) होता है - एक फॉरवर्ड स्लैश। इन टैग्स को कहा जाता है दोगुना हो जाता है.
कुछ टैग जहां दिखाई देते हैं वहां एक बार का प्रभाव प्रदान करते हैं। उदाहरण के लिए, एक क्षैतिज बार टैग या एक छवि प्रदर्शन टैग . ऐसे टैग में क्लोजिंग टैग नहीं होते हैं। ऐसे टैग को गैर-युग्मित कहा जाता है।
इसके अलावा, टैग को कई प्रकारों में विभाजित किया जाता है, जो उनके कार्यों में भिन्न होते हैं:
- दस्तावेज़ शीर्षक टैग;
- ब्लॉक तत्व;
- इनलाइन तत्व;
- सार्वभौमिक तत्व;
- सूचियाँ;
- टेबल;
- तख्ते.
यह विभाजन सख्त नहीं है, इसलिए कुछ टैग इसमें हैं विभिन्न समूह. उदाहरण के लिए, सूचियाँ बनाने के लिए टैग और
- सूचियों और ब्लॉक तत्वों दोनों पर लागू करें।टैग संरचना
-
- आपका अपना वेबमास्टर
- खाली तत्व - , ,
, , , ,, , , , , , , , ;
- बिना स्वरूपित पाठ वाले तत्व - , ;
- वे तत्व जो बिना स्वरूपित पाठ प्रदर्शित करते हैं - , ;
- दूसरे नामस्थान से तत्व - MathML और SVG;
- साधारण तत्व - अन्य सभी तत्व।
- तत्व एक ओपनिंग टैग से शुरू होता है।
- तत्व एक समापन टैग के साथ समाप्त होता है।
- किसी तत्व की सामग्री उद्घाटन और समापन टैग के बीच सब कुछ है। सामग्री पाठ और/या अन्य HTML तत्व हो सकती है।
- तत्व में केवल एक प्रारंभिक टैग होता है।
ब्राउज़र में लोड होने पर, टैग स्वयं प्रदर्शित नहीं होते हैं, लेकिन वे उनकी सामग्री प्रदर्शित होने के तरीके को प्रभावित करते हैं। यदि किसी टैग की वर्तनी गलत है, तो उसे पूरी तरह से नजरअंदाज कर दिया जाता है।
सभी टैग की एक निश्चित संरचना होती है जिसका लिखते समय पालन किया जाना चाहिए। इसके अतिरिक्त, लगभग सभी टैग में विभिन्न विशेषताएं होती हैं जो सामग्री प्रदर्शित करने के तरीके को बदल सकती हैं।
आइए विशेषताओं वाले टैग की सही संरचना देखें:
उदाहरण के तौर पर, मैंने दो बिल्कुल अलग टैग दिए। पहला एकल - चित्र प्रदर्शित करने के लिए जिम्मेदार, विशेषता - src='logo.jpg' . दूसरा …युग्मित व्यक्ति लिंक बनाने के लिए जिम्मेदार है, विशेषता href = "site" है।
निष्कर्ष 1: विशेषताओं में युग्मित और अयुग्मित टैग हो सकते हैं।
निष्कर्ष 2: केवल शुरुआती टैग में विशेषताएँ हो सकती हैं, समापन टैग में विशेषताएँ नहीं होती हैं।
स्पष्टीकरण के लिए चित्र:
चित्र 1. HTML टैग संरचना
HTML सिंटैक्स की सावधानी और ज्ञान का परीक्षणआइए एक साधारण वेब पेज का उदाहरण देखें जिसे हमने पाठ में देखा था।
आप पहले ही पढ़ चुके हैं कि सभी भाषाएँ टैग से बनी होती हैं। इस पाठ में हम HTML टैग्स पर करीब से नज़र डालेंगे। HTML भाषा में, टैग को एकल (युग्मित नहीं) और युग्मित टैग में विभाजित किया गया है। इसलिए, एकल HTML टैग में एक टैग होता है, अर्थात उनमें कोई समापन टैग नहीं होता है। और युग्मित डिस्क्रिप्टर में एक उद्घाटन और समापन टैग होता है।
अकेला एचटीएमएल टैगसिंगल टैग में क्लोजिंग टैग नहीं होता है। उदाहरण के लिए:
, . पहले वे इस तरह लिखते थे:
, , अब सिंगल टैग लिखने की यह शैली प्रासंगिक नहीं है, इसलिए ऐसा न लिखें। सर्वाधिक उपयोग किए जाने वाले एकल टैग:
- एक नई रेखा पर जाएँ, - विभाजन रेखा, - एक छवि डालें.
और भी कई युग्मित टैग हैं। एक युग्मित डिस्क्रिप्टर में एक उद्घाटन और समापन टैग होता है। युग्मित टैग एक कंटेनर बनाता है। कंटेनर की सामग्री वह है जो उद्घाटन और समापन टैग के बीच है। इस आलेख के उदाहरण में, आपने टैग देखा कि HTML में डिस्क्रिप्टर क्या हैं? , तो, यह एक युग्मित टैग है, इस टैग की सामग्री "HTML में टैग क्या हैं?" टेक्स्ट है। इसकी शुरुआत टैग है और इसका अंत है.
युग्मित टैग लिखने में शुरुआती लोगों की मुख्य गलती नेस्टिंग में भ्रम है। उदाहरण के लिए, यह सही प्रविष्टि है:
बोल्ड पैराग्राफ
. और यहाँ त्रुटि है:बोल्ड पैराग्राफ
, ऐसे लेआउट वाला HTML दस्तावेज़ अमान्य माना जाता है। नेस्टिंग को भ्रमित न करने के लिए, यह करें: युग्मित टैग बनाएं, फिर उनमें दूसरों को नेस्ट करें, और अंत में दोनों टैग के अंदर टेक्स्ट लिखेंयुग्मित टैग को सही तरीके से कैसे लिखें
.टैग के संदर्भ में HTML5 में नया क्या है?HTML5 HTML4 का एक विस्तार है, इसलिए यह HTML4 के अधिकांश या सभी डिस्क्रिप्टर को बरकरार रखता है और अपना खुद का जोड़ता है। HTML5 ने साइट को मुख्य ब्लॉकों में विभाजित करने के लिए विशेष टैग पेश किए: हेडर, मेनू, फ़ूटर, साइडबार और सामग्री।
टैग का उपयोग करना सीखना क्यों महत्वपूर्ण है?सर्च इंजन यांडेक्स और गूगल लेआउट के प्रति संवेदनशील हैं HTML दस्तावेज़, वैधता के लिए उनकी जाँच कर रहा हूँ। वे विशेष विवरणकों आदि में संलग्न कीवर्ड की तलाश करते हैं। लेकिन यह खंड उस बारे में नहीं है। यह प्रमोशन (एसईओ) पर लागू होता है।
सभी HTML टैग कैसे सीखें?हाँ, बहुत सारे टैग हैं। परन्तु उन्हें विशेष रूप से सिखाने की कोई आवश्यकता नहीं है। जब तक आप कुछ लिखने का अभ्यास करेंगे, सभी वर्णनकर्ता, युग्मित और एकल, आसानी से याद रहेंगे। बेशक, समय के साथ।
HTML टैग HTML भाषा का आधार हैं। मार्कअप में तत्वों की शुरुआत और अंत को सीमित करने के लिए टैग का उपयोग किया जाता है।
प्रत्येक HTML दस्तावेज़ में HTML तत्वों और पाठ का एक वृक्ष होता है। प्रत्येक HTML तत्व को प्रारंभ (उद्घाटन) और समाप्ति (समापन) टैग द्वारा पहचाना जाता है। खुलने और बंद होने वाले टैग में टैग का नाम होता है।
सभी HTML तत्वों को पाँच प्रकारों में विभाजित किया गया है:
तालिका दर्शाती है पूरी सूची HTML4 और HTML5 द्वारा समर्थित तत्व। प्रायोगिक और विरासत टैग को बाहर रखा गया है। HTML5 विनिर्देश में जोड़े गए तत्वों को चैती रंग में हाइलाइट किया गया है।
HTML तत्वों की पूरी सूची| टिप्पणियाँ जोड़ने के लिए उपयोग किया जाता है. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| दस्तावेज़ प्रकार की घोषणा करता है और ब्राउज़र को बुनियादी जानकारी प्रदान करता है - इसकी भाषा और संस्करण। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| हाइपरटेक्स्ट लिंक बनाता है. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| पाठ को संक्षिप्त रूप या परिवर्णी शब्द के रूप में पहचानता है। व्याख्यात्मक पाठ शीर्षक विशेषता का उपयोग करके निर्दिष्ट किया गया है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| दस्तावेज़ या लेख के लेखक/स्वामी की संपर्क जानकारी निर्दिष्ट करता है। ब्राउज़र में इटैलिक में प्रदर्शित। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| यह एक छवि मानचित्र पर किसी विशिष्ट क्षेत्र या छवि मानचित्र के भीतर एक सक्रिय क्षेत्र से संबंधित पाठ वाला हाइपरलिंक है। हमेशा एक टैग के अंदर नेस्टेड होता है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| सामग्री का एक भाग जो किसी दस्तावेज़ या वेबसाइट का एक स्वतंत्र हिस्सा बनता है, जैसे पत्रिका लेख, ब्लॉग पोस्ट, टिप्पणी। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| पृष्ठ सामग्री का प्रतिनिधित्व करता है जो अप्रत्यक्ष रूप से पृष्ठ/साइट की मुख्य सामग्री से संबंधित है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ऑडियो सामग्री को एक वेब पेज में लोड करता है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| हाइलाइट किए गए टेक्स्ट पर जोर या महत्व जोड़े बिना टेक्स्ट के एक अंश को बोल्ड होने के लिए सेट करता है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| आधार पता (यूआरएल) निर्दिष्ट करता है जिससे सभी संबंधित पतों की गणना की जाती है। इससे पृष्ठ को किसी अन्य स्थान पर ले जाते समय समस्याओं से बचने में मदद मिलेगी, क्योंकि सभी लिंक पहले की तरह काम करेंगे। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| किसी भाषा में लिखे गए पाठ के एक अंश को शेष पाठ से अलग करता है जिसमें पाठ को दाएँ से बाएँ पढ़ा जाता है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| वर्तमान पाठ दिशा को ओवरराइड करते हुए, डीआईआर विशेषता द्वारा निर्दिष्ट दिशा में पाठ प्रदर्शित करता है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| टेक्स्ट को उद्धरण के रूप में हाइलाइट करता है, जिसका उपयोग बड़े उद्धरणों का वर्णन करने के लिए किया जाता है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| दस्तावेज़ के मुख्य भाग का प्रतिनिधित्व करता है (वह सामग्री जो दस्तावेज़ के मेटाडेटा का हिस्सा नहीं है)। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |
टेक्स्ट को एक नई लाइन में लपेटें. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| एक इंटरैक्टिव बटन बनाता है. आप सामग्री को टैग के अंदर रख सकते हैं - टेक्स्ट या छवि। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| सरल छवियाँ, चार्ट, ग्राफ़ आदि जैसी छवियों को गतिशील रूप से प्रदर्शित करने के लिए कैनवास कंटेनर। ड्राइंग के लिए जावास्क्रिप्ट स्क्रिप्टिंग भाषा का उपयोग किया जाता है। | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
तालिका में एक कैप्शन जोड़ता है. टैग के तुरंत बाद डाला गया
|
