Ist es manchmal schlecht, <BR /> zu verwenden?

Ist es manchmal schlecht, <BR/>Tags zu verwenden ?

Ich frage, weil einige der ersten Ratschläge, die mir mein Entwicklungsteam gab, folgende waren: Nicht verwenden <BR/>; Verwenden Sie stattdessen Stile. Aber wieso? Gibt es negative Ergebnisse bei der Verwendung von <BR/>Tags?

Der Hauptgrund für die Nichtverwendung <br>ist, dass es nicht semantisch ist . Wenn Sie zwei Elemente in unterschiedlichen visuellen Blöcken möchten, möchten Sie sie wahrscheinlich in unterschiedlichen logischen Blöcken.

In den meisten Fällen bedeutet dies beispielsweise, nur verschiedene Elemente zu verwenden <p>Stuff</p><p>Other stuff</p>und dann CSS zu verwenden, um die Blöcke richtig zu platzieren.

Es gibt Fälle, in denen <br>die Semantik gültig ist, dh Fälle, in denen der Zeilenumbruch Teil der von Ihnen gesendeten Daten ist. Dies ist wirklich nur auf 2 Anwendungsfälle beschränkt - Gedichte und Postanschriften.

Ich denke, Ihr Entwicklungsteam bezieht sich auf den Randabstand <br />. Verwenden Sie Padding / Rand-Styling über CSS, um Leerzeichen zwischen Elementen zu schaffen.

Schlechte Verwendung von <br />:

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

Gute Verwendung von <br />:

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

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

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

Im Allgemeinen <br/>ist dies ein Hinweis auf schlechtes semantisches HTML. Der häufigste Fall ist <br/>das Deklarieren von Absatztrennungen. Es gibt viel bessere Möglichkeiten, dies semantisch zu tun. Siehe Bett und Frühstück .

Es gibt Fälle, in denen es das richtige Tag ist, aber es wird oft genug missbraucht, dass Menschen eine "Nicht verwenden" -Mentalität annehmen, um ein besseres semantisches Denken zu erzwingen.

Mit Ihrem Team war wahrscheinlich gemeint, <br> s nicht zum Aufteilen zwischen Absätzen zu verwenden.

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

Dies ist der bessere Weg, da Sie die Abstände zwischen Absätzen dann einfach über CSS anpassen können. Abgesehen davon kann ich mir nichts vorstellen, was gegen Zeilenumbrüche als solche spricht.

Das gleiche Konzept gilt für den Grund, warum wir keine Tabellen für das Layout verwenden - verwenden Sie Tabellen für Tabellen und CSS für das Layout.

Verwenden Sie diese Option <br/>für Zeilenumbrüche in einem Textblock und CSS, wenn Sie das Layout beeinflussen möchten.

Wenn Sie das Layout direkt angeben, ist es beispielsweise schwierig, die Site an verschiedene Seitengrößen oder Schriftarten anzupassen.

Ich werde im Allgemeinen immer geeignete Ränder und Auffüllungen für Elemente mit CSS festlegen - es ist viel weniger chaotisch als jede Menge <br />s überall, abgesehen davon, dass es semantisch korrekter ist.

Wahrscheinlich würde ich die <br />von CSS festgelegten Ränder und Auffüllungen nur dann bevorzugen, wenn dies technisch nicht korrekt ist, wenn es sich um einen Einzelfall handelt, bei dem etwas mehr Platz benötigt wird. Wenn ich eine recht große Sheet bekommen hatte und es schien nicht wert Einrichtung einer zusätzlichen Stil nur für diese eine Begebenheit, ich kann eine Verwendung <br />als Einmal.

Wie die meisten Dinge sind <br />s keine schlechte Sache, vorausgesetzt, sie werden richtig verwendet.

Ich versuche, mein Markup so zu schreiben, dass es bei deaktiviertem CSS leicht lesbar ist. Wenn Sie nur BRs verwenden, um Abstände hinzuzufügen, ist es besser, Ränder und Auffüllungen zu verwenden.

<br />sollte nur für Zeilenumbrüche verwendet werden und nicht, um Stil auf eine Seite anzuwenden. Wenn Sie beispielsweise zusätzlichen Abstand zwischen Absätzen benötigen, geben Sie ihnen eine Klasse und wenden Sie den zusätzlichen Abstand auf die Absätze an. Verbreiten Sie Ihre Absätze nicht mit<br /><br ><br />

Sie sollen zur Darstellung von Zeilenumbrüchen verwendet werden. Nichts mehr. Nicht so viel Platz ausfüllen wie am durchschnittlichen Standort der Geocities. Es gibt jedoch nur einen Fall , in dem sie können für andere Zwecke nützlich sein , eine neue Zeile als setzen: den Schwimmer zu löschen.

<br style="clear: both;">

Verwenden Sie nicht drei oder mehr aufeinanderfolgende <br>s, das ist ein Signal, das Sie für stilistische Zwecke verwenden, und nein, das sollten Sie nicht.

Einige würden sagen, ein einzelnes <br>ist genug und anstelle von zwei sollten Sie verwenden <p></p>, aber es gibt Situationen (z. B. Drehbücher), in denen Sie eine längere Pause einführen möchten, ohne einen Themenwechsel oder einen Beginn eines neuen Zeitraums zu implizieren, wie dies normalerweise in einem Absatz der Fall ist.

Sie sind in Ordnung, wenn sie angemessen verwendet werden. Sie sollten sie beispielsweise nicht anstelle von <p>Tags oder zum Erstellen von Abständen zwischen Elementen verwenden. Sie machen wahrscheinlich etwas falsch, wenn Sie jemals zwei hintereinander haben.

Wenn du das tust: <BR/> <BR/>

Sie erhalten unterschiedliche Layouts in verschiedenen Browsern.

Tiefer:
Wenn Sie <BR/>nur für Zeilenumbrüche verwenden - ok.
Wenn Sie <BR/>als Linienabstandshalter verwenden - nicht in Ordnung.

Hier ist ein Beispiel, wie <br>sich das Styling negativ auswirken kann (Snippet für Visuals ausführen)

(Beachten Sie die falsch ausgerichtete Schaltfläche und das ungerade Leerzeichen rechts):

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>

In HTML (HTML bis 4): Verwendung <br>
in HTML 5: <br> ist bevorzugt, jedoch <br/>und <br />ist auch akzeptabel ,
in XHTML: <br /> bevorzugt. Kann auch <br/>oder verwenden<br></br>

Die Verwendung von <br>Tags ist also vollkommen gültiges HTML. Aber die Verwendung von <br>wird nicht empfohlen?

Der Hauptgrund, warum Sie es nicht verwenden sollten, <br>ist, dass es kein semantisches Tag ist und keinen Inhalt enthält. Seine Verwendung kann wie vermieden werden,

<p>some<br>text<p>

kann ohne <br>als markiert werden

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

Wenn Sie einen <br>anderen Zweck wie den oberen Abstand usw. verwenden, kann dies über die CSS- marginEigenschaft erreicht werden.