क्या कभी-कभी <BR /> का उपयोग करना बुरा होता है?

Question

क्या <BR/>टैग का उपयोग करना कभी-कभी बुरा होता है ?

मैं पूछता हूं क्योंकि मेरी विकास टीम ने मुझे जो पहली सलाह दी वह कुछ इस प्रकार थी: उपयोग न करें <BR/>; इसके बजाय, शैलियों का उपयोग करें। पर क्यों? <BR/>टैग का उपयोग करते समय क्या नकारात्मक परिणाम हैं ?

Comments

सबसे अच्छा उत्तर खोजने का सबसे अच्छा तरीका आपकी देव टीम है और उनसे पूछें कि वे क्यों?

— अज़मशरप

क्या टीम के सदस्यों के बजाय स्टैकऑवरफ्लो से जवाब पाने की कोशिश करना अचानक गलत काम है?

— नोसरेडना

नहीं, यह सिर्फ किसी ने उसे एक व्यक्तिपरक जवाब दिया है और वह हमें इसके पीछे के तर्क का अनुमान लगाने के लिए कह रहा है ... बस जाओ और उस व्यक्ति से पूछें जिसने आपको व्यक्तिपरक जवाब दिया, खासकर यदि वे पास हैं (एक ही विकास टीम में)

— गेब्रियल मगाना

आमतौर पर "पहली सलाह" तब आती है जब कर्मचारी नया होता है। एक नया कर्मचारी हमेशा यह पूछने का मन नहीं करता है कि "क्यों?" जाहिर है, ऐसे समय होते हैं जब यह पूछना सबसे अच्छा होता है, लेकिन मुझे लगता है कि बुर्क ओज़डोगन शायद इन सवालों को पढ़ने के बाद "क्यों" को समझते हैं। या कम से कम समझता है कि विषय के बारे में बड़ी चीजों पर HTML समुदाय क्या अच्छी तरह से चर्चा करने के लिए पर्याप्त है। मैं कहूंगा कि उन्होंने यहां आने के लिए सही कदम उठाया।

— नोसरेडना

मैं समझता हूं कि आपकी सलाह और आपकी तरह सही है। लेकिन बात यह है कि जब आप एक नई टीम में प्रवेश करते हैं, तो बहुत सारे इनपुट आपको थोड़े समय में मिल जाते हैं। और उनमें से कुछ सिर्फ उल्लेख किया गया है; कोष्ठक में दिए गए विवरण की तरह। मैं इसे दो कारणों से यहाँ पूछना चाहता था: एक उत्तर पाने के लिए और विभिन्न दृष्टिकोणों को देखने के लिए कि इसे कैसे देखा जाए। धन्यवाद दोस्तों!

— पेंसिलकेक

Answer 1

उपयोग न करने का मुख्य कारण <br>यह है कि यह शब्दार्थ नहीं है । यदि आप अलग-अलग दृश्य ब्लॉकों में दो आइटम चाहते हैं, तो आप शायद उन्हें अलग-अलग तार्किक ब्लॉकों में चाहते हैं।

ज्यादातर मामलों में इसका मतलब है कि विभिन्न तत्वों का उपयोग करना, उदाहरण के लिए <p>Stuff</p><p>Other stuff</p>, और फिर ब्लॉक को ठीक से बाहर करने के लिए सीएसएस का उपयोग करना।

ऐसे मामले हैं <br>जो शब्दबद्ध रूप से मान्य हैं, यानी ऐसे मामले जहां लाइन ब्रेक आपके द्वारा भेजे जा रहे डेटा का हिस्सा है। यह वास्तव में केवल 2 उपयोग मामलों तक सीमित है - कविता और मेलिंग पते।

Comments

व्यक्तिगत रूप से, मैं <pre/>कविता के लिए उपयोग करना पसंद करूंगा । इस तरह, आप स्पष्ट रूप से निर्दिष्ट करते हैं कि मूल रचना संभव इंडेंटेशन सहित मूल संरचना को रखने के लिए है।

— मीकल गोरी

@ MichałGórny एक अच्छा बिंदु उठाता है - <br>केवल वही उपयुक्त प्रतीत होता है जहाँ निम्नलिखित सभी स्थितियाँ लागू होती हैं: 1. नया शब्द शब्दार्थक रूप से सार्थक है, 2. संकेत शब्दार्थिक रूप से सार्थक नहीं है (अन्यथा आपको एक का उपयोग करना चाहिए <pre>, 3. अन्य कोई शब्दार्थ रूप से उपयुक्त नहीं है) । टैग, एक पैरा या हैडर टैग की तरह डाक के पते इन शर्तों के सभी तीन को संतुष्ट है, और इसलिए गाने के बोल कर काव्य अनुग्राह्यतापूर्वक का उल्लंघन हो सकता हालत 'खरोज सार्थक नहीं है', और इसलिए बेहतर में एक रखा जा सकता है। <pre>।

— मार्क Amery

<br />ईमेल के साइनऑफ़ में उपयोग करने के बारे में क्या है , जैसे: <footer>Sincerely,<br />StrexCorp</footer> राय?

— जेएचएस

Answer 2

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

का बुरा उपयोग <br />:

<div>
   Content
</div>
<br />
<br />
<br />
<br />
<div>
     More content...
</div>

का अच्छा उपयोग <br />:

<style>
     div {
          margin-top:10px;
     }
</style>

<div>
   Content<br />
   Line break
</div>

<div>
     More content...
</div>

Comments

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

— गैरेथ

आप सही हैं, iamkoa, लेकिन यह क्यों नहीं समझाता है । इसलिए यह प्रश्न का उत्तर नहीं देता है। 24 अपवोट थोड़ा बहुत लगता है।

— ऑर्बिट

@iamkoa आप क्यों नहीं समझा रहे हैं ।

— फेबियन पॉनिक

मुझे लगता है कि दूसरा विकल्प बेहतर है क्योंकि मैं अधिक साफ और अधिक सरल हूं, मुझे लगता है कि उपयोग की जरूरत नहीं है br

— सिमोन

Answer 3

आम तौर पर, <br/>खराब अर्थपूर्ण HTML का एक संकेत है। सबसे आम मामला <br/>पैराग्राफ पृथक्करण की घोषणा करने के लिए उपयोग कर रहा है, जो कि इसे शब्दार्थ से करने के लिए बहुत बेहतर तरीके हैं। बेड एंड ब्रिकफास्ट देखें ।

ऐसे अवसर हैं जहां यह उपयोग करने के लिए उचित टैग है, लेकिन यह अक्सर पर्याप्त रूप से दुरुपयोग किया जाता है कि लोग "अर्थ का उपयोग न करें" मानसिकता को बेहतर अर्थपूर्ण सोच के लिए मजबूर करते हैं।

Answer 4

आपकी टीम द्वारा जो मतलब था वह शायद पैराग्राफ के बीच विभाजित करने के लिए <br> का उपयोग करने के लिए नहीं था।

<p>I am a paragraph</p>
<p>I am a second paragraph</p>

ऐसा करने का बेहतर तरीका है, क्योंकि आप सीएसएस के माध्यम से पैराग्राफ के बीच के रिक्त स्थान को आसानी से समायोजित कर सकते हैं। इसके अलावा, मैं कुछ भी नहीं सोच सकता कि फिर से बोलने की लाइन टूट जाए।

Answer 5

समान अवधारणा लागू होती है कि हम लेआउट के लिए तालिकाओं का उपयोग क्यों नहीं करते हैं - लेआउट के लिए तालिकाओं और सीएसएस के लिए तालिकाओं का उपयोग करें।

<br/>यदि आप लेआउट को प्रभावित करना चाहते हैं तो टेक्स्ट और सीएसएस के ब्लॉक में ब्रेक लाइनों के लिए उपयोग करें ।

Answer 6

सीधे लेआउट को निर्दिष्ट करना विभिन्न पेज आकार या उदाहरण के लिए फोंट के लिए साइट को एडाप्ट करना मुश्किल बनाता है।

Answer 7

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

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

ज्यादातर चीजों की तरह, <br />वे एक बुरी चीज नहीं हैं बशर्ते वे सही तरीके से उपयोग किए जाएं।

Answer 8

मैं अपने मार्कअप को इस तरह से लिखने की कोशिश करता हूं कि यह सीएसएस अक्षम के साथ आसानी से पढ़ा जा सके। यदि आप रिक्ति जोड़ने के लिए सिर्फ BR का उपयोग कर रहे हैं, तो मार्जिन और पैडिंग का उपयोग करना बेहतर है।

Answer 9

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

Answer 10

इनका इस्तेमाल नई कहानियों को दर्शाने के लिए किया जाना चाहिए। और कुछ नहीं। औसत भू-स्थान साइट की तरह जगह को भरने के लिए नहीं। हालांकि केवल एक ही मामला है जिसमें वे एक नई पंक्ति लगाने के अलावा अन्य उद्देश्यों के लिए उपयोगी हो सकते हैं: फ़्लोट्स को साफ़ करने के लिए।

<br style="clear: both;">

Comments

यद्यपि उपयोग किया जाता है, यह विधि मान्य नहीं है XHTML।

— 22मको

आप अक्सर इस "हैक" के चारों ओर प्राप्त कर सकते हैं overflow:autoइसके बजाय युक्त तत्व का उपयोग करके ।

— मप्र २२

@ यमको: मैं एक्सएचटीएमएल का उपयोग नहीं करता। HTML HTML है, XML नहीं।

— बालुस सी सी

Answer 11

तीन या अधिक लगातार उपयोग न करें <br>, यह एक संकेत है जिसका उपयोग आप शैलीगत उद्देश्यों के लिए कर रहे हैं और नहीं, आपको नहीं करना चाहिए।

कुछ का कहना है कि एक एकल <br>पर्याप्त है और दो के बजाय आपको उपयोग करना चाहिए <p></p>, लेकिन ऐसी परिस्थितियां हैं (उदाहरण के लिए स्क्रीनप्ले) जिसमें आप विषय के बदलाव को लागू किए बिना एक लंबा विराम देना चाहते हैं या एक नई अवधि शुरू कर रहे हैं, जैसे कि एक अनुच्छेद आमतौर पर होता है।

Answer 12

वे ठीक हैं, अगर उचित रूप से उपयोग किया जाता है। उदाहरण के लिए, आपको उन्हें <p>टैग के बदले या तत्वों के बीच रिक्ति बनाने के लिए उपयोग नहीं करना चाहिए । आप शायद कुछ गलत कर रहे हैं यदि आपके पास कभी एक पंक्ति में दो हैं।

Answer 13

अगर तुम यह करते हो: <BR/> <BR/>

आपको अलग-अलग ब्राउजर पर डिफरेंट लेआउट मिलेगा।

गहरा:
यदि आप <BR/>सिर्फ लाइन ब्रेक के लिए उपयोग करते हैं - ठीक है।
यदि आप <BR/>लाइन स्पेसर के रूप में उपयोग करते हैं - ठीक नहीं।

Answer 14

यहां एक उदाहरण है कि <br>स्टाइल को नकारात्मक रूप से कैसे प्रभावित किया जा सकता है (दृश्य के लिए रन स्निपेट)

(दाईं ओर दिए गए गलत बटन और विषम स्थान पर ध्यान दें):

button {
  width: 70px;
  height: 70px;
}
#arrows {
  border: solid thin red;
  display: inline-block;
}
#arrows span:first-of-type { 
  text-align: center; 
  display: block;
}
#moveUp {
  margin: 0;
}
/* In the current case instead of <br> use display */
/*
#arrows span:last-of-type { 
  display: block;
}
*/

<div id="arrows">
  <span>
    <button id="moveUp" value="üles">&uarr;</button> 
  </span>
  <button id="moveLeft" value="vasakule">&larr;</button> 
  <button id="moveDown" value="alla">&darr;</button> 
  <button id="moveRight" value="paremale">&rarr;</button> 
  <br>    <!-- note the shifted button and odd space on right -->
  <span>or move with keyboard arrows</span>
</div>

Answer 15

HTML में (अप एचटीएमएल 4 के लिए): उपयोग <br>
एचटीएमएल 5 में: <br> पसंद किया जाता है, लेकिन <br/>और <br />भी स्वीकार्य है
में एक्सएचटीएमएल: <br /> पसंद किया जाता है। का भी उपयोग <br/>या कर सकते हैं<br></br>

इसलिए <br>टैग का उपयोग पूरी तरह से मान्य HTML है। लेकिन उपयोग की <br>सिफारिश नहीं की जाती है?

उपयोग न करने का मुख्य कारण <br>यह है कि यह शब्दार्थ टैग नहीं है और इसमें कोई सामग्री नहीं है। इसके उपयोग से बचा जा सकता है, जैसे

<p>some<br>text<p>

के <br>रूप में बिना चिह्नित किया जा सकता है

 <p>some</p>
 <p>text<p>

यदि आप <br>अन्य उद्देश्य जैसे टॉप-स्पेसिंग आदि का उपयोग कर रहे हैं जो सीएसएस marginसंपत्ति के माध्यम से प्राप्त किया जा सकता है ।

Comments

ध्यान दें कि <p> का उपयोग करने से ऊपर और नीचे ~ 16px मार्जिन जुड़ जाएगा। पंक्तियों से अधिक ऊंचाई का उपयोग करने से बचने के लिए <p> टैग के मार्जिन के प्रत्येक को 0px पर सेट करें।

— सतबीर