2010-09-25 10 views
5

यह पहली बार है जब मैं एचटीएमएल, सीएसएस में ठीक से कोडिंग कर रहा हूं। मेरे कोड में मैंने पूरी तरह से div की स्थिति में उपयोग किया है और सामग्री को भी जगह में रखा है। मुझे यकीन नहीं है कि मैं सही तरीके से कोडिंग कर रहा हूं। मेरे पास एक ही पृष्ठ में सामग्री का भार भी है। यहां मेरे कोड का लिंक है जिसका मैंने उपयोग किया है।क्या एक ही पृष्ठ में कई div का उपयोग करना बुरा है?

http://jsfiddle.net/32ShZ/

सुझाव कृपया कर सकते हैं। क्या यह संरचना और आकार में वास्तव में बुरा है?

उत्तर

6

बिलकुल नहीं। हालांकि आप ओवरबोर्ड नहीं जाना चाहते हैं (जब आप करते हैं तो इसे "div सूप" कहा जाता है)। यदि आपको लगता है कि एक div का कोई उद्देश्य नहीं है लेकिन पृष्ठभूमि छवि पकड़ने के लिए, या एक फ्लोट को साफ़ करने के लिए, इसका मतलब है कि आपने कुछ गलत किया है। रैपर का उपयोग करके (उदाहरण के लिए एक सामग्री क्षेत्र के लिए div टैग की गहराई से 3 स्तर जिनमें कुछ पृष्ठभूमि हैं, आदि ठीक है), आप "div soup" का उपयोग किए बिना किसी भी लेआउट को सही ढंग से प्राप्त कर सकते हैं। बहुत सारे div टैग के साथ अच्छे (एक्स) एचटीएमएल के उदाहरण के लिए http://www.digitalperfections.net/ पर एक नज़र डालें।

आगे बढ़ने के लिए, और विशेष रूप से अपने कोड के बारे में प्रश्न का उत्तर देने के लिए, मैंने बल्ले से ठीक एक बात देखी: <div id="divider"></div> - यह बुरा है क्योंकि आप इस div का उपयोग पूरी तरह से गैर-अर्थपूर्ण उद्देश्यों (सजावट के लिए) के लिए कर रहे हैं।

+0

सही और सही। मुझे किसी भी तरह से छुटकारा पाना चाहिए। इस पर बुरा काम –

+0

@ इब्राहिम - आप प्रत्येक div के अंत में '' स्टाइल टिप्पणियों का उपयोग करने पर विचार कर सकते हैं यह इंगित करने के लिए कि यह क्या div है (बाद में सामान डीबग करना आसान है)। – orokusaki

+0

सुझाव के लिए धन्यवाद। मैं इसे तुरंत इस्तेमाल करने पर विचार करूंगा। –

1

सामान्य सिद्धांत लेआउट के लिए जितना संभव हो सके कम HTML के रूप में उपयोग किया जाता है। और सीएसएस की मदद से अपने पेज पर स्टाइल देने का प्रयास करें। इसलिए यदि न्यूनतम संख्या में divs आपके कार्य को प्राप्त कर सकते हैं, तो आपको इसके लिए जाना चाहिए। यह पृष्ठ को हल्का और रखरखाव करने में मदद करता है। लेकिन हाँ, आपके पृष्ठ में आपके पास कितनी छोटी संरचना (HTML) हो सकती है जो आपके अनुभव और डिज़ाइन पर निर्भर करती है।

संबंधित मुद्दे