divs के साथ लेआउट ... क्या आपके पास बहुत अधिक हो सकता है?

Question

लेआउट विकसित करने के लिए सबसे अच्छा अभ्यास क्या है? Divs सीमित करने के लिए बेहतर है? मैं कुछ लोकप्रिय साइटों के एचटीएमएल/सीएसएस के माध्यम से देख रहा था और वे सभी divs के भीतर divs लगता है। उदाहरण के लिए, पूरे पृष्ठ के लिए एक div, टॉपबार के लिए एक div, लोगो के लिए शीर्ष पट्टी के भीतर एक div, खोज बार, आदि

क्या यह एक अच्छा अभ्यास है? मुझे लगता है कि सभी divs को सही ढंग से स्थानांतरित करना और आवश्यक तत्वों को divs के अंदर रखना आसान है। यह वही है जो मैं अब तक कर रहा हूं लेकिन यह सुनिश्चित करना चाहता हूं कि मैं सही दृष्टिकोण सीख रहा हूं।

इस पर किसी भी मदद की सराहना की जाती है। धन्यवाद!

Answer 1

<div> एस का उपयोग करें जब आपको divide (div एस के लिए उपयोग किया जाना चाहिए) एक दूसरे से अपने पृष्ठ के अनुभागों का उपयोग करें। उदाहरण के लिए सामग्री से शीर्षलेख/पाद लेख, या ब्लॉग पर व्यक्तिगत पोस्ट।
हालांकि, जब आप अर्थात् दूसरे तत्व को समझेंगे तो आपको उनका उपयोग नहीं करना चाहिए।

यदि पहले उल्लिखित ब्लॉग पर संग्रह केवल संग्रह में प्रत्येक पोस्ट का दो पंक्ति सारांश दिखाता है, तो आदेशित सूची अधिक समझ में आ सकती है क्योंकि आप वस्तुओं की सूची को परिभाषित कर रहे हैं। <li> तत्व ब्लॉक तत्व भी हैं और ठीक उसी तरह स्टाइल किया जा सकता है।

कभी-कभी, यह <div> टैग घोंसला करने के लिए समझ में आता है, और कभी-कभी आपको नहीं करना चाहिए।
एक बुनियादी परीक्षण के रूप में, कल्पना करें कि आपके पृष्ठ को एक दृष्टिहीन विकलांग उपयोगकर्ता के लिए पाठक द्वारा पार्स किया जा रहा है। यह जानने की जरूरत है कि दस्तावेज़ के प्रत्येक नोड में क्या है ताकि यह ठीक से इसकी घोषणा कर सके। यह आपकी परवाह नहीं करता कि आपके विज़ुअल सीएसएस की क्या ज़रूरत है, यह सिर्फ इसे यथासंभव सटीक रूप से भाषण में पार्स करना चाहता है।

बुनियादी बिंदु याद रखने योग्य:

• दृश्यों नहीं
• व्यक्ति आपकी वेबसाइट देखने वाले अपने सीएसएस
• व्यक्ति आपकी वेबसाइट देखने वाले एक का उपयोग नहीं किया जा सकता है का उपयोग नहीं किया जा सकता है संरचना के लिए अपने HTML लिखें मुख्य रूप से पारंपरिक वेब ब्राउज़र
• यदि सीएसएस काफी काम नहीं करता है, तो आप हमेशा अपनी संरचना को ट्विक कर सकते हैं, जिससे यह वही अर्थपूर्ण रहता है।

Answer 2

परिभाषा के अनुसार <div> एक अर्थहीन तत्व है, इसलिए इससे कोई फ़र्क नहीं पड़ता कि आपके पास कितने हैं।

हालांकि, जब तक वे समझ में आते हैं, तब तक आपको <div> एस की आवश्यकता होती है, और यदि उनका उपयोग नौकरी (अर्थात्) के लिए उपयुक्त तत्वों के लिए उपयुक्त है तो उनका उपयोग नहीं करना चाहिए।

<div>This is a paragraph of text</div> 

वास्तव में

<p>This is a paragraph of text</p> 

और इस तरह होना चाहिए।

Answer 3

एचटीएमएल में इस तरह के "कोड गंध" के लिए एक नाम है: Divitis।

आपको HTML में टैग के अर्थपूर्ण अर्थों के बारे में आपको ज्ञान का विस्तार करना चाहिए। आप this article पढ़कर शुरू कर सकते हैं, लेकिन यह html4.01 और xhtml पर अधिक केंद्रित है। एचटीएमएल 5 में कई नए टैग हैं और मौजूदा एचटीएमएल 4 टैग के लिए अर्थपूर्ण अर्थ में कुछ बदलाव हैं।

Answer 4

बड़ा सवाल आम तौर पर divs या table का उपयोग करना है या नहीं। टेबल्स बहुत सारे सिरदर्द पैदा करते हैं, जिनमें से कुछ आप काम नहीं कर सकते हैं। लेकिन divs भी अपनी समस्या हो सकती है।

चाहे आप जो भी उपयोग करते हैं, भले ही घोंसले का स्तर वास्तव में पृष्ठ को समझना मुश्किल हो। तो आपको आवश्यक घोंसले के सबसे कम स्तर का पक्ष लेना चाहिए। साथ ही, घोंसला न करने की कोशिश करने से भी एचटीएमएल को समझना मुश्किल हो सकता है।