एचटीएमएल टैग बनाम एचटीएमएल टैग क्या है?

किसी भी उद्योग या पेशे की तरह वेब डिज़ाइन में अपनी भाषा है। जैसे ही आप उद्योग में प्रवेश करते हैं और अपने साथियों से बात करना शुरू करते हैं, आप निस्संदेह उन शब्दों और वाक्यांशों के झुंड में भाग लेंगे जो आपके लिए नए हैं, लेकिन जो आपके साथी वेब पेशेवरों की भाषाओं से बहती हैं। आप जिन शर्तों को सुनेंगे उनमें से दो HTML "टैग" और "तत्व" हैं।

जैसा कि आप इन दो शर्तों को बोलते हैं, आप महसूस कर सकते हैं कि उनका उपयोग कुछ हद तक एक दूसरे के लिए किया जा रहा है। इस प्रकार, एक सवाल यह है कि कई नए वेब पेशेवरों के पास एचटीएमएल कोड के साथ काम करना शुरू होता है, "एचटीएमएल टैग और एचटीएमएल तत्व के बीच क्या अंतर है?"

जबकि ये दो शब्द अर्थ में समान हैं, वे वास्तव में समानार्थी नहीं हैं। तो इन दो शर्तों के साथ समानता क्या है? संक्षिप्त जवाब यह है कि टैग और तत्व दोनों HTML लिखने के लिए उपयोग किए गए मार्कअप का संदर्भ लेते हैं। उदाहरण के लिए, आप कह सकते हैं कि आप इसका उपयोग कर रहे हैं

लिंक बनाने के लिए अनुच्छेद या तत्व को परिभाषित करने के लिए टैग करें। बहुत से लोग शब्द टैग और तत्व को एक दूसरे के साथ उपयोग करते हैं, और आपके द्वारा बोलने वाले किसी भी वेब डिज़ाइनर या डेवलपर को आप समझेंगे कि आपका क्या मतलब है, लेकिन वास्तविकता यह है कि दोनों शर्तों के बीच थोड़ा अंतर है।

एचटीएमएल टैग

एचटीएमएल एक मार्कअप भाषा है, जिसका अर्थ है कि यह कोड के साथ लिखा गया है जिसे किसी व्यक्ति द्वारा पहले संकलित करने की आवश्यकता के बिना पढ़ा जा सकता है। दूसरे शब्दों में, वेब पेज पर टेक्स्ट टेक्स्ट को प्रदर्शित करने के तरीके पर वेब ब्राउज़र निर्देश देने के लिए इन कोडों के साथ "चिह्नित" है। ये मार्कअप टैग HTML टैग स्वयं हैं।

जब आप HTML लिखते हैं, तो आप HTML टैग लिख रहे हैं। सभी एचटीएमएल टैग कई विशिष्ट भागों से बने होते हैं, जिनमें निम्न शामिल हैं:

• एक संकेत से कम

  <

• एक शब्द या चरित्र जो निर्धारित करता है कि कौन सा टैग लिखा जा रहा है
• ए के रूप में वैकल्पिक HTML विशेषताओं की संख्या

  नाम = "मूल्य" जोड़ा

• और अंत में एक संकेत से अधिक

  >

उदाहरण के लिए, यहां कुछ HTML टैग दिए गए हैं:

ये सभी HTML ओपनिंग टैग हैं, बिना किसी वैकल्पिक विशेषता के। ये टैग दर्शाते हैं:

• - एक अनुच्छेद परिभाषित करता है

• - पृष्ठ को एचटीएमएल के रूप में परिभाषित करता है

• - एक विभाजन परिभाषित करता है

निम्नलिखित HTML टैग भी हैं:

• 

इन उदाहरणों में सभी विशेषताएँ शामिल हैं जिन्हें शुरुआती HTML टैग में जोड़ा गया है।

• एक अनियमित सूची है जिसमें एक आईडी विशेषता शामिल है
• विभाजन में एक वर्ग विशेषता है
• एंकर, या लिंक, तत्व में "href" विशेषता शामिल है
• एक "src" विशेषता के साथ छवि टैग

एंकर और छवि टैग के लिए, गुण वास्तव में वैकल्पिक नहीं हैं, वे उन टैग्स को ठीक से प्रदर्शित करने के लिए आवश्यक हैं। आपको उस लिंक को बताने की ज़रूरत है जहां जाना है (जो "href" करता है) और छवि जो दिखाना है (जो "src" विशेषता प्रदान करता है)।

एचटीएमएल तत्व क्या हैं?

डब्ल्यू 3 सी एचटीएमएल विनिर्देश के अनुसार, ए तत्त्व एचटीएमएल का मूल भवन ब्लॉक है और आमतौर पर बनाया जाता है दो टैग : एक उद्घाटन टैग और एक बंद टैग। अब तक हमने केवल टैग खोलने पर ध्यान दिया है, जो तत्वों को शुरू करता है। उस तत्व को समाप्त करने के लिए, आप संबंधित समापन टैग लिखते हैं।

उदाहरण के लिए, अनुच्छेद तत्व के लिए आप इसे लिखते हैं:

यह उद्घाटन टैग से बना है जिसे हमने एक पल पहले और साथ ही बंद टैग देखा -

। समापन टैग वास्तव में केवल उद्घाटन टैग को दोहराया जाता है, लेकिन "फॉरवर्ड स्लैश" के साथ "कम से कम" प्रतीक के बाद सीधे जोड़ा जाता है।

लगभग सभी HTML तत्वों में एक प्रारंभिक टैग और समापन टैग होता है। ये टैग उस पाठ को घेरते हैं जो वेब पेज पर प्रदर्शित होगा। उदाहरण के लिए, पाठ का अनुच्छेद लिखने के लिए, आप पृष्ठ पर प्रदर्शित करने के लिए टेक्स्ट लिखते हैं और फिर इन टैग के साथ इसे घेरते हैं:

यह वह जगह है जहां आप अनुच्छेद का पाठ लिखेंगे जिसे आप वेबपृष्ठ पर प्रदर्शित करना चाहते हैं।

कुछ HTML तत्वों में एक बंद टैग नहीं है। इन्हें "खाली तत्व" कहा जाता है। कभी-कभी, उन्हें "सिंगलटन" या "शून्य" तत्व भी कहा जाता है। खाली तत्वों का उपयोग करना आसान है क्योंकि आपको केवल अपने वेब पेज में एक टैग शामिल करना होगा और ब्राउज़र को पता चलेगा कि क्या करना है। उदाहरण के लिए, अपने पृष्ठ पर एक सिंगल लाइन ब्रेक जोड़ने के लिए आप इसका उपयोग करेंगे
टैग।

एक और आम तत्व जिसमें केवल एक उद्घाटन टैग शामिल है "छवि" तत्व है। उदाहरण के लिए:



हमने पहले इस उदाहरण को देखा, लेकिन इस छवि तत्व के लिए कोई समापन टैग नहीं है। ब्राउज़र बस इस कोड को उस छवि के साथ प्रतिस्थापित करेगा जिसे "href" विशेषता में संदर्भित किया गया है। इस मामले में, वह "logo.png" होगा।

आम तौर पर, जब हम एक HTML तत्व या टैग का संदर्भ देते हैं, तो हम यह इंगित करने के लिए "तत्व" शब्द का उपयोग करेंगे कि हम तत्व के सभी हिस्सों (उद्घाटन और समापन टैग दोनों) का जिक्र कर रहे हैं। केवल एक या दूसरे का जिक्र करते समय हम केवल "टैग" का उपयोग करते हैं। यह इन दो शर्तों का उचित उपयोग है, और हम आपको उचित रूप से उनका उपयोग करने के लिए प्रोत्साहित करते हैं-लेकिन केवल यह जान लें कि यदि आप उन्हें थोड़ा सा पर्ची और विनिमय करते हैं, तो भी आपको अपने नए वेब विकास सहयोगियों द्वारा समझा जाएगा!