HTML में इनलाइन तत्वों बनाम ब्लॉक तत्वों: भेद क्यों?

Question

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

तो दो प्रकार क्यों?

Comments

इस सवाल का मेरा पसंदीदा हिस्सा यह है कि यह कैसे एक इनलाइन शैली का उपयोग करता है <br/>, और <p>पहले पैराग्राफ से अंतिम पंक्ति को अलग करने के लिए एक टैग। शायद आपको कार्यान्वयन में अंतर के बजाय दृश्य इरादे में बड़े अंतर को देखना शुरू करना चाहिए।

— रिवलॉक

जबकि मैं मानता हूं कि 100% ब्लॉक तत्व आपके प्रस्तावित समाधान से उपयोगी और असहमत हैं, फिर भी यह एक महान प्रश्न है।

— निकोल

Answer 1

तुम कहो:

आप लाइन ब्रेक चाहते हैं? एक सम्मिलित करें <br />, या हो सकता है कि व्यवहार के लिए सीएसएस में एक विशेष टैग जोड़ते। जिस तरह से यह अब है, मैं इसे किसी भी समस्या को हल नहीं करता हूं, और इसके बजाय यह केवल एक संपत्ति को मजबूर करता है जो मेरी राय में एक डिजाइनर द्वारा तय किया जाना चाहिए।

आप सही रास्ते पर हैं - शैली को डिजाइनर द्वारा तय किया जाना चाहिए।

लेकिन, आपको समस्या दूसरी तरह से घेर लेती है। एक <br/>टैग लगाना वास्तव में विकल्प है कि "एक संपत्ति को बाध्य करता है जिसे एक डिजाइनर द्वारा तय किया जाना चाहिए" - मार्कअप दस्तावेज़ के अंदर, एक बार <br/>वहां होने के बाद, यह वहां है - और केवल कुछ मुश्किल / हैकसी सीएसएस के साथ आप इसके प्रभाव को हटा सकते हैं।

elementsदूसरी ओर इनलाइन / ब्लॉक , विशुद्ध रूप से सामान्य उपयोग के मामले के लिए एक सुविधाजनक डिफ़ॉल्ट के साथ स्टाइल किए गए तत्व हैं। विज़ुअल प्रॉपर्टी को सीएसएस डिज़ाइनर द्वारा तुरंत display:inlineया उसके साथ बदल दिया जा सकता है display:block।

उदाहरण के लिए इन दिनों नेविगेशन के लिए सामान्य तत्व लें - <li>। ये डिफ़ॉल्ट blockतत्वों द्वारा होते हैं, लेकिन डिजाइनर उन्हें floatइनलाइन प्रदर्शित करने के लिए बना देंगे ( blockपूरी लाइन लेने की तुलना में अधिक विशेष गुण हैं, लेकिन यह एक और दिन के लिए एक वार्तालाप है)।

Answer 2

अधिकांश तत्वों में एक मानक प्रारूपण है ... आपके प्रश्न को यह कहने के लिए बढ़ाया जा सकता है कि यह प्रारूपण डिजाइनर का निर्णय भी होना चाहिए और इसे हटा दिया जाना चाहिए। मैंने हमेशा सोचा कि यह एक प्रारंभिक बिंदु था और यदि आवश्यक हो तो प्रारूपण को हटा दिया (अक्सर यह नहीं था)। लेकिन अंत में कुछ चीजें हैं जो स्वाभाविक हैं। यदि आपके पास एक अनुच्छेद है उदाहरण के लिए आप इसे एक ब्लॉक तत्व होने की उम्मीद करते हैं क्योंकि एक पैराग्राफ की प्रकृति है। भले ही तत्वों में डिफ़ॉल्ट सेटिंग्स हों जैसे कि ब्लॉक या इनलाइन मैं निश्चित रूप से या तो इस विकल्प को निर्दिष्ट करने की क्षमता चाहता हूं। कारण मैं कहता हूं कि यह IMO है क्लीनर इस तरह चीजों को तोड़ने के लिए बनाम फेंकने के लिए<br />HTML में। क्या यह वही काम करता है? हाँ। लेकिन HTML में हाल के अग्रिमों के साथ एक बड़ा प्रयास इसे एक अर्थपूर्ण भाषा के रूप में बनाने पर केंद्रित था, जहां आप HTML में कम से कम जहाँ तक स्वरूपण और सीएसएस में अधिक है। <br />साधन लाइन ब्रेक जो आम तौर पर एक पैरा या अन्य वाक्य युक्त एक संरचना में एक लाइन ब्रेक करने के लिए बात कर रहा है। अंत में यह मेरे लिए कोई मायने नहीं रखता है, लेकिन मैं व्यक्तिगत रूप से ब्लॉक और इनलाइन भेद की क्षमता चाहता हूं, इसलिए मुझे आशा है कि वे सीएसएस की तरफ से कम से कम कभी नहीं हटाएंगे!

Answer 3

यह इस तरह है जैसे यह कहना कि पैराग्राफ और वाक्यों के बीच कोई वास्तविक अंतर नहीं है। पैराग्राफ विचारों के एक समूह का परिसीमन करते हैं। आमतौर पर, एक वाक्य एक विचार के लिए होता है।

मार्कअप शब्दार्थ के बारे में है, प्रदर्शन में नहीं। वास्तव में, एक डिजाइनर किसी भी तत्व का इलाज करने के लिए स्वतंत्र है जो इनलाइन के रूप में ब्लॉक शैली में चूक करता है और इसके विपरीत।

Answer 4

में LaTeX क्षैतिज और ऊर्ध्वाधर मोड मोड:, वहाँ दो मोड (नहीं गणित मोड सहित) कर रहे हैं। तत्व (वर्ण) छोटे बक्से हैं जो पैराग्राफ में "क्षैतिज रूप से" जमा होते हैं। फिर ये बड़े बक्से लंबवत जमा होते हैं। यह (X) HTML: इनलाइन और ब्लॉक के समान है।

Answer 5

मेरे लिए पिछड़े अनुकूलता के मुद्दे की तरह लगता है। इनलाइन तत्व शायद HTML मानक के बाद का जोड़ था, और इसलिए कि 1992 में लिखे गए वेब पेज अभी भी 2011 में देखे जा सकते हैं, फिर भी इसका समर्थन किया जाता है - जैसे कि एक टन 19 साल पुराने वेब पेज हैं ...!

Answer 6

मुझे लगता है कि प्रदर्शन के मोड ब्लॉक और इनलाइन के बीच इतने भिन्न हैं, कि मार्कअप स्तर पर बनाने का एक अंतर है।