Wann <p> vs. <br> zu verwenden ist [geschlossen]

70

Wie lautet das Urteil, wann Sie <p>...</p>anstelle eines <br />Tags ein anderes verwenden sollten ? Was sind die Best Practices für diese Art von Dingen?

Ich habe mich nach dieser Frage umgesehen, aber der größte Teil des Schreibens scheint etwas alt zu sein, daher bin ich mir nicht sicher, ob sich seitdem Meinungen zu diesem Thema entwickelt haben.

EDIT: Um die Frage zu klären, hier ist die Situation, mit der ich mich befasse. Würden Sie <br>'s oder <p>' s für den folgenden Inhalt verwenden (stellen Sie sich vor, es ist in einem div auf einer Homepage enthalten):


Willkommen auf der Homepage.

Schauen Sie sich unsere Sachen an.

Du solltest wirklich.


Nun, diese Zeilen sind technisch gesehen keine "Absätze". Würden Sie dies markieren, indem Sie den gesamten Block in einem <p>Tag mit <br>'s dazwischen umgeben, oder stattdessen separate <p>' s für jede Zeile verwenden?

willthefirst
quelle

Antworten:

70

Sie erfüllen zwei verschiedene Funktionen.

<p>(Absatz) ist ein Blockelement, das zum Speichern von Text verwendet wird. <br />wird verwendet, um einen Zeilenumbruch innerhalb des <p>Elements zu erzwingen .

Beispiel

<p>Suspendisse sodales odio in felis sagittis hendrerit. Donec tempus laoreet
est bibendum sollicitudin. Etiam tristique convallis<br />rutrum. Phasellus 
id mi neque. Vivamus gravida aliquam condimentum.</p>

Ergebnis

Suspendisse sodales odio in felis sagittis hendrerit. Donec tempus laoreet est bibendum sollicitudin. Etiam tristique convallis
rutrum. Phasellus id mi neque. Vivamus gravida aliquam condimentum.

Aktualisieren

Aufgrund der neuen Anforderungen würde ich persönlich verwenden <p>, um den Abstand zu erreichen und das Styling zu ermöglichen. Wenn Sie in Zukunft einen dieser Teile stylen möchten, ist dies auf Blockebene viel einfacher.

<p>Welcome to the home page.</p>

<p style="border: 1px solid #00ff00;">Check out our stuff.</p>

<p>You really should.</p>
Kermit
quelle
Diese Antwort macht Sinn. Könnten Sie jedoch auf das von mir hinzugefügte Beispiel antworten (siehe BEARBEITEN in der Frage) und Ihren Denkprozess erläutern?
Willthefirst
9

Sie möchten das <p>Tag verwenden, wenn Sie zwei Informationsströme in separate Gedanken aufteilen müssen.

<p> Now is the time for all good men to come to the aid of their country. </p>

<p>The quick brown fox jumped over the lazy sleeping dog.</p>

Das <br/>Tag wird als erzwungener Zeilenumbruch im Textfluss der Webseite verwendet. Verwenden Sie diese Option, wenn der Text in der nächsten Zeile fortgesetzt werden soll, z. B. mit Gedichten.

<p>  Now is the time for all good men to come to the aid of their country. <br/>
The quick brown fox jumped over the lazy sleeping dog. </p>

Quelle

Eric Goncalves
quelle
2

Ich verstoße möglicherweise gegen die Etikette, wenn ich eine Frage in diesem Thread beantworte - da die meisten Antworten bisher großartig waren -, aber so gehe ich mit diesem Argument um:

Während ich damit einverstanden bin, dass ein 'p' ein Element ist, das zum Halten von Text verwendet wird, und ein 'br'-Tag zum Unterbrechen von Text verwendet wird, möchte man in vielen Fällen einen' Textblock 'manipulieren, zwischen dem tatsächliche Zeilenabstände liegen.

Bsp.:
[Mein Textblock]
Hallo Welt!
-------- das ist eine leere Zeile ------
Du bist so voller Leben!
[/ mein Textblock]

Nun würden viele argumentieren, dass man einfach zwei 'p'-Elemente in ein' div 'setzen und dann dieses' div 'manipulieren kann, aber ich denke, dass dies zeitaufwändiger ist (auch bekannt als ich faul bin), und daher bleibe ich bei einem Double 'br'-Methode - ich muss nur dieses eine' p 'manipulieren.

Das Problem bei meiner unorthodoxen Methode ist, dass, wenn ein bestimmtes Styling auf die Linienhöhe angewendet wird, es definitiv einen merklichen Unterschied zwischen dem durch ein doppeltes 'br' erzeugten Linienraum und einem 'p' gibt.

Ich denke, wenn Sie sich für eine Technik entscheiden, sollten Sie Folgendes berücksichtigen:

  • Lesbarkeit des Codes
  • empfohlene Vorgehensweise
  • Zeit
  • Auswirkungen von Verknüpfungen auf den Rest Ihres Codes
Brooklynsweb
quelle
Ihre Antwort scheint die naheliegendste richtige Antwort zu sein. Ich bin auf das Dokument w3.org gestoßen, das bestätigt, was Sie erwähnt haben und was ich für richtig hielt ... w3.org/TR/html5/grouping-content.html#the-p-element
Pothi Kalimuthu
1

Sie sollten verwenden, <p>wenn Sie zwei Absätze trennen möchten. Aus Wikipedia:

Ein Absatz (aus den griechischen Absätzen "neben schreiben" oder "neben schreiben") ist eine in sich geschlossene Einheit eines schriftlichen Diskurses, der sich mit einem bestimmten Punkt oder einer bestimmten Idee befasst.

Verwenden Sie das <br>Tag, wenn Sie eine neue Zeile in Ihren Absätzen erzwingen möchten.

dan_s
quelle
0

Ich würde es nicht verwenden, <p>wenn Sie nicht beabsichtigen, Inhalte darin zu platzieren. Dies ist natürlich nur eine Meinung (wie ich annehme, werden die meisten Antworten sein).

Es kann jedoch einfacher sein, ein <p>Tag zu formatieren (es gibt mindestens mehr Optionen), das sich möglicherweise häufiger verwenden lässt. Mein einziges Problem ist, dass dies nicht sehr einfach zu lesen ist (beim Lesen von Code) und ich denke, dass diese Stile an anderer Stelle angewendet werden könnten (möglicherweise auf die Tags, die das <p>Tag umgeben würden .

Wie bereits erwähnt, sollte ein <br />Tag verwendet werden, um Inhalte innerhalb eines Blockelements (z. B. des <p>Tags) zu trennen . Wenn Sie Folgendes verwenden:

<p class="a">some content...</p>
<p class="break"></p>
<p class="b">some other content...</p>

Dann würde ich argumentieren, dass Sie Stile für eines oder beide der Tags verwenden sollten, die das p.breakTag umgeben, um einen Abstand zu schaffen , um den erforderlichen .


quelle
Verwenden Sie einfach den Rand, um Platz hinzuzufügen. Leeres p macht keinen Sinn.
Elhoucin
2
@elhoucine - Ja, das war der Punkt, den ich gemacht habe.
0

Das pTag ist ein Element auf Blockebene und wird hauptsächlich zum Hinzufügen von Inhalten verwendet, während das brTag zum Erzwingen eines Zeilenumbruchs innerhalb des Elements verwendet wird. Das heißt, wenn Sie der Semantik folgen wollen. Viele Leute tun dies heutzutage, um Tags und so weiter eine bestimmte Bedeutung zu verleihen. Ich hoffe das hilft. Viel Glück. =)

Tony
quelle
6
-1 Dies fügt keine der Antworten hinzu, die bereits hier gepostet wurden.
Kermit