html - tutorial - <Span> इसके बजाय<p> का उपयोग कब करें?




html video (8)

जैसा कि सवाल इंगित करता है, अगर मेरे पास कुछ पाठ है जिसे मैं HTML में जोड़ना चाहता हूं तो मुझे <p> का उपयोग कब करना चाहिए और मुझे <span> उपयोग कब करना चाहिए?


<span> एक इनलाइन टैग है, एक <p> एक ब्लॉक टैग है, पैराग्राफ के लिए उपयोग किया जाता है। ब्राउज़र एक पैराग्राफ के नीचे एक खाली रेखा प्रस्तुत करेंगे, जबकि <span> s एक ही पंक्ति पर प्रस्तुत करेगा।


अर्थात् बोलते हुए, एपी एक अनुच्छेद टैग है और पाठ के अनुच्छेद को प्रारूपित करने के लिए उपयोग किया जाना चाहिए। एक अवधि एक इनलाइन प्रारूपण परिवर्तन है जिसे semantically संभाला नहीं है।


अवधि पूरी तरह गैर-अर्थपूर्ण है। इसका कोई मतलब नहीं है, और कॉस्मेटिक प्रभावों के लिए केवल तत्व के रूप में कार्य करता है।

अनुच्छेदों का अर्थपूर्ण अर्थ है - वे एक मशीन (जैसे ब्राउज़र या स्क्रीन रीडर) बताते हैं कि वे जिस सामग्री को समाहित करते हैं वह पाठ का एक ब्लॉक है, और इसका अर्थ पुस्तक में पाठ के अनुच्छेद के समान है।


आपको ध्यान में रखना चाहिए, कि HTML का उद्देश्य उस सामग्री को डिस्क्रिब करने का इरादा है।

इसलिए, यदि आप एक पैराग्राफ व्यक्त करना चाहते हैं, तो ऐसा करें।

आपकी तुलना बिल्कुल सही नहीं है, यद्यपि। अधिक प्रत्यक्ष तुलना होगी

<p> बजाय <div> का उपयोग कब करें?

क्योंकि दोनों ब्लॉक स्तर तत्व हैं।

एक <span> एक लंगर ( <a> ), <strong> , जोर ( <em> ), आदि की तरह इनलाइन है, इसलिए ध्यान रखें कि एचटीएमएल और प्राकृतिक लेखन दोनों में इसकी डिफ़ॉल्ट प्रकृति है, कि अनुच्छेद पहले और बाद में एक ब्रेक का कारण बनता है, जैसे <div>

कभी-कभी, जब स्टाइल चीजें - इनलाइन चीजें - एक <span> आपको सीएसएस को "हुक" करने के लिए कुछ देने के लिए बहुत अच्छा है, लेकिन यह अन्यथा अर्थपूर्ण या स्टाइलिस्ट अर्थ से रहित एक खाली टैग है।


एक व्यावहारिक स्पष्टीकरण: डिफ़ॉल्ट रूप से, <p> </p> संलग्न पाठ से पहले और बाद में लाइन ब्रेक जोड़ देगा (इसलिए यह अनुच्छेद बनाता है)। <span> ऐसा नहीं करता है, यही कारण है कि इसे इनलाइन कहा जाता है।


जब हम उस समय सामान्य पाठ का उपयोग कर रहे हैं तो हम <p> <span> टैग चाहते हैं। जब हम उस समय कुछ प्रभावों के साथ सामान्य पाठ का उपयोग कर रहे हैं तो हम <span> टैग चाहते हैं


<p> टैग एक p पैराग्राफ है, और इस तरह, यह एक ब्लॉक तत्व है (जैसा कि, उदाहरण के लिए, h1 और div ) है, जबकि span एक इनलाइन तत्व है (उदाहरण के लिए, b और a )

डिफ़ॉल्ट रूप से ब्लॉक तत्वों को ऊपर और नीचे कुछ सफेद जगह बनाते हैं, और उनके आगे कुछ भी गठबंधन नहीं किया जा सकता है, जब तक कि आप उन्हें एक float विशेषता सेट न करें।

इनलाइन तत्व अनुच्छेद के अंदर पाठ के स्पैन के साथ सौदा करते हैं। उनके पास आमतौर पर कोई मार्जिन नहीं होता है, और इस तरह, आप इसके लिए width निर्धारित नहीं कर सकते हैं।


p {
    float: left;
    margin: 0;
}

कोई अंतर नहीं होगा, यह अवधि के समान दिखता है।





html