एचटीएमएल टॅग बनाम एचटीएमएल एलामेंट काय आहे?

या दोन अटींमधील फरक आहे

कोणत्याही औद्योगिक किंवा व्यवसायाप्रमाणे वेब डिझाईनची भाषा स्वतःची आहे आपण उद्योग प्रविष्ट करा आणि आपल्या सहकर्मींबरोबर बोलण्यास सुरूवात केल्यास, आपल्याला निःसंशयपणे आपल्यासाठी नवीन असलेल्या अटी आणि वाक्यांच्या त्रासात सामील होतील, परंतु आपल्या सहकारी वेब व्यावसायिकांच्या निरनिराळ्या प्रवाहांपैकी कोणता प्रवाह असेल आपण ऐकणार आहोत त्या दोन अटी म्हणजे HTML "टॅग" आणि "घटक".

आपण या दोन शब्दांची बोलणी ऐकताच आपण हे लक्षात ठेवू शकता की त्यांच्याकडे थोडीशी अदलाबदल करण्यात येत आहे. जसे की, एक प्रश्न जे अनेक नवीन वेब व्यावसायिकांनी जेव्हा एचटीएमएल कोडसह काम करायला सुरुवात केली तेव्हा "एचटीएमएल टॅग आणि एचटीएमएल एलिमेंटमध्ये काय फरक आहे?"

हे दोन पद म्हणजे अर्थाच्या सारख्याच आहेत, तर ते खर्या अर्थाने समानार्थी नाहीत. तर या दोन शब्दांशी समानता काय आहे? लहान उत्तर टॅग्ज आणि घटक एचटीएमएल लिहिण्यासाठी वापरले जाणारे मार्कअपचा संदर्भ देतात. उदाहरणार्थ, आपण असे म्हणू शकता की आपण दुवे तयार करण्यासाठी एक परिच्छेद किंवा घटक परिभाषित करण्यासाठी

टॅग वापरत आहात बरेच लोक अटींचा टॅग आणि घटक एका परस्पर वापरतात, आणि आपण बोलता त्या कोणत्याही वेब डिझायनर किंवा विकसकाने आपल्याला काय समजले असेल, परंतु प्रत्यक्षात ही दोन अटींमधील थोडा फरक आहे.

एचटीएमएल ही एक मार्कअप लँग्वेज आहे , ज्याचा अर्थ असा होतो की हे एका व्यक्तीद्वारे वाचले जाऊ शकणार्या कोडसह लिहिलेले आहेत जेणेकरून प्रथम संकलित करणे आवश्यक नसते. दुसऱ्या शब्दांत, मजकूर प्रदर्शित कसा करावा यावरील वेब ब्राउझर सूचना देण्यासाठी वेब पृष्ठावरील मजकूर या कोडसह "चिन्हांकित" आहे. हे मार्कअप टॅग स्वतःच एचटीएमएल टॅग आहेत.

जेव्हा आपण एचटीएमएल लिहू तेव्हा आपण एचटीएमएल टॅग लिहित आहात. सर्व एचटीएमएल टॅग्स विशिष्ट भागांच्या बर्याच असतात, ज्यामध्ये खालील समाविष्टीत आहे:

• एक कमी चिन्ह <
• कोणता शब्द किंवा मजकूर लिहिला जात आहे हे निर्धारित करणारे शब्द किंवा वर्ण
• नाव = "मूल्य" जोडीच्या रूपात अनेक वैकल्पिक HTML विशेषता आहेत
• आणि शेवटी एक मोठे-मोठे चिन्ह>

उदाहरणार्थ, येथे काही HTML टॅग्ज आहेत:

हे सर्व HTML ओपनिंग टॅग आहेत, त्यांना कोणत्याही वैकल्पिक विशेषतेशिवाय जोडलेले नाहीत. हे टॅग दर्शविते:

• - एक परिच्छेद परिभाषित करते

• - पृष्ठ HTML म्हणून परिभाषित करते
• - एक भागाचे निर्धारण करते

खालील देखील एचटीएमएल टॅग आहेत:

• या सर्व उदाहरणात सर्व विशेषता समाविष्ट आहेत ज्या सुरुवातीच्या HTML टॅग्जमध्ये जोडल्या गेल्या आहेत.

  • एक अनारदांकित सूची आहे ज्यात ID विशेषता समाविष्ट आहे
    • विभागात क्लास विशेषता आहे
    • अँकर, किंवा लिंक, एलिमेंटमध्ये "href" विशेषता समाविष्ट असते
    • "Src" विशेषतेसह प्रतिमा टॅग

    अँकर आणि प्रतिमा टॅग्जसाठी, विशेषता प्रत्यक्षात पर्यायी नाहीत, त्या टॅग्जला योग्यरित्या प्रदर्शित करण्यासाठी आवश्यक आहेत. आपल्याला कोठे जावे ते सांगणे आवश्यक आहे (जे "href" करते ते आहे) आणि काय दर्शवायचे हे चित्र (जे "src" विशेषता प्रदान करते).

    HTML घटक काय आहेत

    डब्ल्यू 3 सी एचटीएमएल स्पेसिफिकेशन मते, एचटीएमएलच्या मूळ बिल्डिंग ब्लॉकचा एक घटक आहे आणि त्यामध्ये दोन टॅग्ज असतात : एक ओपनिंग टॅग आणि क्लोजिंग टॅग. आतापर्यंत आम्ही फक्त उघडणे टॅग पाहिले आहेत, जे घटक सुरू होते. त्या घटक समाप्त करण्यासाठी, आपण संबंधित बंद टॅग्ज लिहू.

    उदाहरणार्थ, परिच्छेद घटकासाठी आपण हे लिहू:

    हे एका उघडलेल्या टॅगवरून बनले आहे ज्यात आम्ही एक क्षण आधी तसेच बंद होणारे टॅग - . समापन टॅग खरोखरच फक्त उघडलेले टॅग पुनरावृत्ती होते, परंतु "कमी चिन्हांनंतर" थेट जोडलेल्या "फॉरवर्ड स्लॅश" सह.

    जवळजवळ सर्व HTML घटकांना एक उघडलेले टॅग आणि समापन टॅग आहे. हे टॅग्ज वेबपेजवर प्रदर्शित होणार्या टेक्स्टसभोवती आहेत. उदाहरणार्थ, मजकूर परिच्छेद लिहिण्यासाठी, आपण पृष्ठावर प्रदर्शित करण्यासाठी मजकूर लिहू शकता आणि नंतर त्यास या टॅगसह घेरता:

    येथे आपण ज्या पानाची माहिती वेबपेजवर प्रदर्शित करू इच्छिता तो मजकूर लिहा.

    काही HTML घटकांकडे बंद टॅग नाही. यास "रिक्त घटक" असे म्हणतात. काहीवेळा, त्यांना " सिंगलटन " किंवा "रिकामा" घटक देखील म्हटले जाते. रिक्त घटक वापरण्यास सोपे आहे कारण आपल्याला आपल्या वेब पृष्ठामध्ये केवळ एक टॅग समाविष्ट करावा लागेल आणि ब्राउझरला काय करावे हे माहित असेल. उदाहरणार्थ, आपल्या पेजवर एक ओळीचा खंड जोडण्यासाठी आपण ब
    टॅग वापरु शकता.

    आणखी एक सामान्य घटक ज्यामध्ये केवळ एक उघडणे टॅग आहे "प्रतिमा" घटक आहे उदाहरणार्थ:

    आम्ही यापूर्वीचे हे उदाहरण पाहिले, परंतु या इमेज घटकासाठी कोणतेही बंद टॅग नाही. ब्राउझर फक्त या कोडला "href" विशेषता संदर्भ असलेल्या प्रतिमासह पुनर्स्थित करेल. या प्रकरणात, हे "logo.png" असेल.

    सर्वसाधारणपणे, जेव्हा मी एक HTML घटक किंवा टॅग पहातो, तेव्हा मी "एलिमेंट" हा शब्द वापरुन हे दर्शविण्यासाठी करतो की मी घटक (दोन्ही उघडण्याआधी आणि बंद होणारे टॅग दोन्ही) यांच्या संदर्भात आहे. मी "टॅग" वापरतो ते खरोखरच फक्त एक किंवा दुसरा संदर्भ आहे हे या दोन शब्दांचा योग्य वापर आहे आणि मी तुम्हाला त्यांना योग्य रितीने वापरण्यास प्रोत्साहित करतो - परंतु हे माहित आहे की जर तुम्ही काही स्लीप आणि अदलाबदल कराल, तर तुम्हाला तुमच्या नवीन वेब डेव्हलपमेंट समवयस्कांद्वारे तरीही समजेल!

    जेनिफर क्रिनिन द्वारे मूळ लेख. 7/21/17 रोजी जेरेमी गिरर्ड द्वारा संपादित