2012-10-03 8 views
8

के लिए ब्र या div का उपयोग करके मैंने कुछ स्थानों पर काम किया है और HTML में सेक्शन या लाइन ब्रेक करने के दो अलग-अलग तरीकों को देखा है।अनुभाग ब्रेक

एक तरह से मैंने देखा यह किया है इस तरह है:

<div class="placeholder-100pct">&nbsp;</div> 

और दूसरी बस सादे पुराने <br /> उपयोग कर रहा है।

किसी एक से दूसरे के लिए कोई लाभ या क्या यह शैली का मामला होगा?

+0

क्या आप कोड उदाहरण के माध्यम से कुछ संदर्भ प्रदान कर सकते हैं? एक पैराग्राफ के अंदर लाइन-ब्रेक बीआर टैग के साथ संभाले जाने वाले (अर्थात्) होंगे। लेकिन अगर यह लेआउट उद्देश्यों के लिए है तो आप कंटेनर डीआईवी पर एक स्पष्टफिक्स कक्षा का उपयोग करने पर विचार कर सकते हैं। –

उत्तर

12

उपयोग <br/> जब आप एक पैराग्राफ में एक नई लाइन है, तो जैसे हैं:

<p>John Dough<br/> 
1155 Saint. St. #33<br/> 
Orlando, FL 32765 
</p> 

एक div का उपयोग करते हुए स्वचालित रूप से आप एक दे देंगे:

<p>Hi Josh, <br/> How are you?</p> 

यह जब एक पते लिख उपयोगी हो सकता है नई लाइन, लेकिन यदि आप दो तत्वों के बीच एक जगह चाहते हैं, तो आप div पर मार्जिन का उपयोग कर सकते हैं।

<!-- This is not preferred --> 
<div>Hello</div> 
<br/> 
<div>Something else here</div> 

आशा इस मदद करता है

+0

इसके लिए धन्यवाद। यह मुझे स्पष्ट हो गया कि
सीएसएस स्टाइल के साथ सामग्री और divs के लिए है, खंडों के लेआउट के लिए है। मान लीजिए कि यह एक बुनियादी सवाल था जिसे मैं खुद से पूछ रहा था लेकिन यह उन क्षणों में से एक था जिसे मैंने सोचा था, "मैं इसे इस तरह क्यों कर रहा हूं और दूसरों को यह कैसे करना है?" एक बार फिर धन्यवाद! –

7

एक div एक सामान्य कंटेनर है। एआर एक लाइन ब्रेक है। एक खंड तोड़ने के लिए विशेष रूप से उपयुक्त नहीं है।

एचटीएमएल 5 sections प्रस्तुत करता है। आप प्रत्येक खंड को चिह्नित करते हैं, न कि उनके बीच का ब्रेक।

<section> 
    <!-- This is a section --> 
</section> 
<section> 
    <!-- This is another section --> 
</section> 
4

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

<address> 
123 Main Street<br /> 
Anywhere, USA 12345 
</address> 
+0

यह बहुत समझ में आता है और स्टीवन ने जो कहा उससे आगे बढ़ता है। धन्यवाद! –

4

एक स्पष्ट अंतर यह है कि <br> इनलाइन तत्व है, जबकि <div> नहीं है: उदाहरण के लिए, यदि आप एक पते जहां पता की प्रत्येक पंक्ति एक अलग लाइन पर दिखाई देगा है, यह करने के लिए कोई मतलब होगा।

तो यह:

<span>Some text broken into <br /> lines</span> 

... मान्य HTML कोड है, जबकि इस:

<span>Some text broken into <div>&nbsp;</div> lines</span> 

..., नहीं है के रूप में आप इनलाइन तत्वों के अंदर ब्लॉक तत्वों जगह नहीं कर सकते।

2

<br> line-height के वर्गों के बीच की खाई को अपने के आकार को सीमित का नुकसान है:

दो divs के बीच कुछ जगह पाने के लिए नहीं उपयोग <br/> करें <span> द्वारा लागू या विरासत में यह बैठता है।

दूसरे शब्दों में, <br> के साथ, ब्रेक का आकार केवल टेक्स्ट की एक पंक्ति की ऊंचाई हो सकता है।

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