जवाबों:
मुख्य अंतर यह है कि <span>टैग एक इनलाइन तत्व है, जबकि <div>टैग ब्लॉक स्तर का तत्व है।
दो ब्लॉक स्तर के तत्व (divs) एक के बाद एक लंबवत रूप से प्रदर्शित किए जाएंगे, जबकि दो इनलाइन तत्व (स्पैन) एक दूसरे के क्षैतिज रूप से प्रदर्शित किए जाएंगे।
दृश्य शब्दों में अंतर को समझने के लिए, यह <span>तत्व को एक शब्द के रूप में और <div>तत्व को एक पैराग्राफ के रूप में सोचने में मदद कर सकता है : डिव आमतौर पर सामग्री के ब्लॉक बिछाने के लिए उपयोग किए जाते हैं। स्पैन का उपयोग आम तौर पर उस सामग्री के भीतर शब्दों के समूहों को उजागर करने के लिए किया जाता है।
निक और टोबी दोनों ने आपके प्रश्न का अच्छी तरह से उत्तर दिया है, लेकिन इसे एक स्तर और आगे ले जाने के लिए।
डिफ़ॉल्ट रूप से, <div>s ब्लॉक तत्व हैं और <span>एस इनलाइन तत्व हैं। ये सामान्य टैग हैं जो सरल ब्लॉक या इनलाइन कंटेनर प्रदान करते हैं। व्यवहार में, प्रदर्शन सीएसएस-विशेषता को 'ब्लॉक', 'इनलाइन' या यहां तक कि 'इनलाइन-ब्लॉक' (अन्य के बीच) सेट करके सीएसएस के माध्यम से कुछ हद तक विनिमेय होने के लिए घुमाया जा सकता है।
हालांकि, एक दूसरे की तरह कार्य करने के लिए उन्हें झुकने की सिफारिश नहीं की जाती है। और, HTML में ऐसे नियम हैं जो वास्तव में अन्य तत्वों (ज्यादातर <a>टैग जैसे इनलाइन तत्वों ) के अंदर ब्लॉक-स्तरीय तत्वों का उपयोग करने से रोकते हैं , इसलिए, आपको सही टैग का उपयोग करने का प्रयास करना चाहिए जहां यह उचित है और केवल उनके व्यवहार को ओवरराइड करने का प्रयास करें बिलकुल जरूरी।
उन्हें अर्थ तत्व के रूप में सोचने की कोशिश करें। का प्रयोग करें <span>जब आप पाठ के ब्लॉक के अंदर इस्तेमाल किया टैग सामग्री करना चाहते हैं, उदाहरण के और उपयोग के लिए <div>'एस जब आप पृष्ठ में ही करने के लिए अतिरिक्त संरचना जोड़ने की जरूरत है।
यह कहने के बाद, एचटीएमएल 5 में सिमेंटिक तत्वों की अधिकता है जो इन सामान्य टैगों में से किसी एक का उपयोग करने की आवश्यकता को काफी कम कर देना चाहिए। Divs और spans के प्रचुर मात्रा में जोड़ने पर शब्दार्थ टैग का उपयोग करने की अत्यधिक अनुशंसा की जाती है।
सौभाग्य!
मुख्य अंतर यह है कि divsब्लॉक तत्व हैं और spansइनलाइन तत्व हैं।
सीएसएस का उपयोग करने के लिए दोनों को स्टाइल किया जा सकता है लेकिन आप चाहें तो काम कर सकते हैं लेकिन बॉक्स से बाहर आप सामान्य रूप spansसे छोटे इनलाइन डिवीजनों और divsबड़े ब्लॉकों के लिए उपयोग करेंगे ।
कुछ चीजें इनलाइन और ब्लॉक तत्वों को अलग-अलग प्रभावित करेंगी, उदाहरण के लिए आप किसी spanतत्व पर ऊंचाई नहीं डाल सकते ।