डिव और स्पैन के बीच का अंतर

विषयसूची:

डिव और स्पैन के बीच का अंतर
डिव और स्पैन के बीच का अंतर

वीडियो: डिव और स्पैन के बीच का अंतर

वीडियो: डिव और स्पैन के बीच का अंतर
वीडियो: HTML Tutorial - Difference between div and span tag 2024, जुलाई
Anonim

मुख्य अंतर – डिव बनाम स्पैन

HTML वेब पेज विकसित करने के लिए व्यापक रूप से उपयोग की जाने वाली भाषा है। यह हाइपर टेक्स्ट मार्कअप लैंग्वेज के लिए है। हाइपर शब्द का अर्थ इंटरनेट पर अन्य वेब संसाधनों से लिंक करना है। मार्कअप शब्द का तात्पर्य छवियों और अन्य मल्टीमीडिया संसाधनों के साथ स्वरूपित पाठ बनाने की क्षमता से है। हाइपरलिंक्स HTML में मुख्य घटक हैं जो सभी वेब संसाधनों को एक साथ जोड़ते हैं। एचटीएमएल के कई संस्करण हैं। वे HTML 2.0, 3.2, 4.01 और HTML5 हैं। मूल रूप से, HTML टैग के साथ एक टेक्स्ट दस्तावेज़ है। यह वेब ब्राउजर को वेब पेज को प्रदर्शित करने के लिए संरचना करने का तरीका बताता है। HTML में div और span दो टैग हैं।तत्व के प्रकार के आधार पर प्रत्येक HTML तत्व का एक डिफ़ॉल्ट प्रदर्शन मान होता है। तो, वे एक ब्लॉक या इनलाइन तत्व हो सकते हैं। यह लेख div और span के बीच के अंतर पर चर्चा करता है। डिव और स्पैन के बीच महत्वपूर्ण अंतर यह है कि डिव एक ब्लॉक स्तर का तत्व है जबकि स्पैन एक इनलाइन तत्व है।

डिव क्या है?

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

टैग पैराग्राफ के लिए प्रयोग किया जाता है।

,

आदि। शीर्षकों के लिए उपयोग किया जाता है। आरंभ और समाप्ति टैग के अंदर की सामग्री को एक तत्व के रूप में जाना जाता है। उदा.

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

डिव और स्पैन के बीच अंतर
डिव और स्पैन के बीच अंतर

चित्र 01: HTML5

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

डिव टैग भी HTML में एक ब्लॉक लेवल एलिमेंट है। वाक्य रचना इस प्रकार है।

नमस्ते दुनिया!

div तत्व अन्य तत्वों के लिए एक कंटेनर है। इसलिए, तत्वों का एक सेट div तत्व में पैक किया जा सकता है। जब कैस्केडिंग स्टाइल शीट (सीएसएस) के साथ प्रयोग किया जाता है, तो सामग्री के ब्लॉक को स्टाइल करने के लिए div टैग का उपयोग किया जा सकता है। नीचे दिए गए कोड को देखें।

डिव और स्पैन के बीच अंतर_चित्र 03
डिव और स्पैन के बीच अंतर_चित्र 03

डिव टैग के अंदर दो पैराग्राफ हैं। डिव टैग के अंदर की सभी सामग्री में पृष्ठभूमि का रंग काला और फ़ॉन्ट का रंग सफेद होता है।

स्पैन क्या है?

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

Div और span के बीच मुख्य अंतर
Div और span के बीच मुख्य अंतर

स्पैन टैग भी HTML में एक इनलाइन एलिमेंट है। वाक्य रचना इस प्रकार है।

नमस्ते दुनिया!

चित्र 02: डिव और स्पैन टैग

स्पैन टैग का उपयोग कुछ टेक्स्ट के लिए एक कंटेनर के रूप में किया जाता है। इस टैग का उपयोग CSS के साथ भी किया जा सकता है। इसलिए, पाठ के एक भाग को स्टाइल किया जा सकता है। नीचे दिए गए उदाहरण का संदर्भ लें। 'पैराग्राफ 1' स्पैन टैग के अंदर है। CSS शैली विशेषता का उपयोग करके रंग जोड़ा जाता है।

यह पैराग्राफ1 है

डिव और स्पैन में क्या समानताएं हैं?

  • डिव और स्पैन दोनों HTML में टैग को समूहीकृत कर रहे हैं।
  • डिव और स्पैन दोनों में शुरुआती टैग और अंत टैग होता है।
  • डिव और स्पैन दोनों में स्टाइल एट्रिब्यूट हो सकते हैं।

डिव और स्पैन में क्या अंतर है?

डिव बनाम स्पैन

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

सारांश – डिव बनाम स्पैन

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

डिव बनाम स्पैन का पीडीएफ डाउनलोड करें

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

सिफारिश की: