ब्लॉक और इनलाइन तत्वों के बीच अंतर

2024 लेखक: Alex Aldridge | [email protected]. अंतिम बार संशोधित: 2023-12-17 13:39

मुख्य अंतर – ब्लॉक बनाम इनलाइन तत्व

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

और

उन्हें शून्य टैग के रूप में जाना जाता है। दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) में पार्स किए जाने के बाद HTML तत्व HTML दस्तावेज़ या वेब पेज का एक घटक है। DOM वेब ब्राउज़र के भीतर एक आंतरिक प्रतिनिधित्व है। यह एक वृक्ष संरचना में प्रत्येक दस्तावेज़ का प्रतिनिधित्व करता है। ब्राउज़र में, प्रदर्शित करने योग्य तत्व या तो ब्लॉक तत्व या इनलाइन तत्व हो सकते हैं। ब्लॉक तत्वों में एक आयताकार संरचना होती है। इनलाइन तत्वों को ब्लॉक तत्वों में एम्बेड किया जा सकता है। ब्लॉक और इनलाइन तत्व के बीच महत्वपूर्ण अंतर यह है कि ब्लॉक तत्व उपलब्ध पूरी चौड़ाई लेते हैं जबकि इनलाइन तत्व तत्वों की सामग्री को प्रदर्शित करने के लिए आवश्यक चौड़ाई लेते हैं।

ब्लॉक तत्व क्या हैं?

ब्लॉक तत्व उपलब्ध पूर्ण चौड़ाई लेते हैं। वे तत्व हमेशा एक नई लाइन से शुरू होते हैं। ब्लॉक तत्वों के कुछ उदाहरण इस प्रकार हैं।

एक पैराग्राफ को परिभाषित करने के लिए प्रयोग किया जाता है। उदा.

यह एक पैराग्राफ है

। हेडर को परिभाषित करने के लिए छह टैग हैं। वे हैं

,

,

…

। प्रोग्रामर तदनुसार हेडर का उपयोग कर सकता है।

आदेशित सूची द्वारा परिभाषित किया गया है

जबकि अनियंत्रित सूची कोद्वारा परिभाषित किया गया है

। वेब पेज पर एक क्षैतिज रेखा प्रदर्शित करने के लिए उपयोग किया जाता है।

का उपयोग डेटा को टेबल फॉर्मेट में व्यवस्थित करने के लिए किया जाता है। प्रत्येक वेब साइट के लिए, साइट विज़िटर से डेटा एकत्र करना आवश्यक है। उपयोगकर्ता से डेटा प्राप्त करने के लिए HTML फॉर्म का उपयोग किया जाता है। यह एक ब्लॉक स्तर का तत्व भी है। वे HTML में ब्लॉक तत्वों के कुछ उदाहरण हैं।

इनलाइन तत्व क्या हैं?

इनलाइन तत्व केवल आवश्यक चौड़ाई लेते हैं। वे तत्व एक नई लाइन से शुरू नहीं होते हैं। इनलाइन तत्वों के कुछ उदाहरण इस प्रकार हैं। एक पेज से दूसरे पेज पर लिंक बनाने के लिए उपयोग किया जाता है। हाइपरलिंक्स HTML में आवश्यक तत्वों में से एक हैं।इसमें गंतव्य के लिए एक लिंक बनाने के लिए href विशेषता हो सकती है। जैसे गूगल पर जाएँ। लक्ष्य विशेषता रिक्त है। इसलिए, नया दस्तावेज़ एक नई विंडो में खुलेगा। यदि लक्ष्य विशेषता "_self" है, तो लिंक किया गया दस्तावेज़ उसी विंडो में खुल जाएगा।

चित्र 01: ब्लॉक और इनलाइन तत्वों के उदाहरण

का प्रयोग टेक्स्ट के एक सेक्शन को बोल्ड करने के लिए किया जाता है। टैग टेक्स्ट को इटैलिक बनाना है। एक वेब पेज प्रस्तुत करने योग्य होना चाहिए। इसलिए, किसी भी वेब पेज में कई इमेज होते हैं।

का प्रयोग पेज पर इमेज प्रदर्शित करने के लिए किया जाता है। इस टैग के लिए दो विशेषताओं की आवश्यकता होती है। वे src और alt हैं। 'src' छवि के स्थान का वर्णन करता है और ' alt' यह बताता है कि छवि किस बारे में है। जैसे. ये इनलाइन तत्वों के कुछ उदाहरण हैं।

ब्लॉक और इनलाइन तत्वों में क्या समानता है?

ब्लॉक और इनलाइन तत्वों को HTML में कंटेनर के रूप में उपयोग किया जाता है।

ब्लॉक और इनलाइन तत्वों में क्या अंतर है?

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

सारांश – ब्लॉक बनाम इनलाइन तत्व

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

ब्लॉक बनाम इनलाइन तत्वों का पीडीएफ संस्करण डाउनलोड करें

आप इस लेख का पीडीएफ संस्करण डाउनलोड कर सकते हैं और उद्धरण नोट के अनुसार इसे ऑफ़लाइन उद्देश्यों के लिए उपयोग कर सकते हैं। कृपया पीडीएफ संस्करण यहां डाउनलोड करें: ब्लॉक और इनलाइन तत्वों के बीच अंतर