HTML 5: Is het <br>, <br/>, of <br />?

Ik heb geprobeerd andere antwoordente controleren, maar ik ben nog steeds in de war — vooral na het zien van W3schools HTML 5-referentie.

Ik dacht dat HTML 4.01 moest “toestaan” dat enkelvoudige tags gewoon <img>en <br>zijn. Toen kwam XHTML samen met <img />en <br />(waar iemand zei dat er ruimte is voor oudere browsers).

Nu vraag ik me af hoe ik mijn code moet formatteren als ik HTML 5 oefen.

Is het <br>, <br/>of <br />?


Antwoord 1, autoriteit 100%

Gewoon <br>is voldoende.

De andere formulieren zijn er voor compatibiliteit met XHTML; om het mogelijk te maken om dezelfde code als XHTML te schrijven, en deze ook als HTML te laten werken. Sommige systemen die HTML genereren, zijn mogelijk gebaseerd op XML-generatoren en hebben dus niet de mogelijkheid om alleen een kale <br>-tag uit te voeren; als je zo’n systeem gebruikt, is het prima om <br/>te gebruiken, het is alleen niet nodig als je het niet nodig hebt.

Er zijn echter maar weinig mensen die XHTML daadwerkelijk gebruiken. U moet uw inhoud aanbieden als application/xhtml+xmlom te worden geïnterpreteerd als XHTML, en dat zal niet werken in oude versies van IE – het betekent ook dat elke kleine fout die u maakt, voorkomt uw pagina wordt niet weergegeven in browsers die wel XHTML ondersteunen. Dus het meeste van wat op het web op XHTML lijkt, wordt in feite als HTML aangeboden en geïnterpreteerd. Zie XHTML aanbieden als tekst/html als schadelijk beschouwdvoor meer informatie.


Antwoord 2, autoriteit 16%

Ik denk dat dit citaat uit de HTML 5 Reference Drafthet antwoord geeft :

3.2.2.2 Ongeldige elementen

De term void elementswordt gebruikt om elementen aan te duiden die leeg. Deze vereisten zijn alleen van toepassing op de HTML-syntaxis. In XHTML worden al dergelijke elementen behandeld als normale elementen, maar moeten ze worden gemarkeerd als lege elementen.

Deze elementen mogen helemaal geen inhoud bevatten. In HTML hebben deze elementen alleen een starttag. De syntaxis van de zelfsluitende tagmag worden gebruikt. De end tagmoet worden weggelaten omdat het element automatisch wordt gesloten door de parser.

HTML-voorbeeld:
Een ongeldig element in de HTML-syntaxis. Dit is niet toegestaan in de XHTML-syntaxis.

<hr>

Voorbeeld:
Een void-element met behulp van de HTML- en XHTML-compatibele zelfsluitende tag-syntaxis.

<hr/>

XHTML Voorbeeld:
Een leeg element met behulp van de XHTML-syntaxis met een expliciete eindlabel. Dit is niet toegestaan ​​voor void-elementen in de HTML-syntaxis.

<hr></hr>

3, Autoriteit 9%

XML staat niet toe dat tags openen, dus het maakt <br>een beetje slechter dan de andere twee. De andere twee zijn ongeveer equivalent met de tweede (<br/>) Geprefereerd voor compatibiliteit met oudere browsers. Eigenlijk heeft ruimte voor /de voorkeur voor compatibiliteitshok, maar ik denk dat het alleen logisch is voor tags die attributen hebben. Dus ik zou zeggen <br/>of <br/>, afhankelijk van wat je esthetiek behaagt.

Om het samen te vatten: alle drie zijn geldig met de eerste (<br>) een beetje minder “draagbaar”.

Bewerken : Nu dat we allemaal gek zijn over specs, denk ik dat het de moeite waard is om erop te wijzen dat volgens dev.w3.org :

Start-tags bestaan ​​uit het volgende
onderdelen, in precies de volgende volgorde:

  1. a “& lt;” karakter.
  2. De tagnaam van het element.
  3. optioneel, een of meer attributen, die elk moeten zijn
    voorafgegaan door een of meer ruimte
    tekens.
  4. optioneel, een of meer ruimtetekens.
  5. optioneel, een “/” -karakter, die alleen aanwezig is als de
    element is een leeg element.
  6. A “& GT;” karakter.

4, Autoriteit 7%

In HTML (tot HTML 4): gebruik <br>

In HTML 5: <br>heeft de voorkeur, maar <br/>en <br />is ook acceptabel

In XHTML: <br />heeft de voorkeur. Kan ook <br/>of <br></br>

gebruiken

Opmerkingen:

  • <br></br>is niet geldig in HTML 5, het wordt gezien als twee regeleinden.
  • XHTML is hoofdlettergevoelig, HTML is niet hoofdlettergevoelig.
  • Voor achterwaartse compatibiliteit zouden sommige oude browsers XHTML als HTML ontleden en falen op <br/>maar niet op <br />

Referentie:


Antwoord 5, autoriteit 3%

Volgens de specis de verwachte vorm <br>voor HTML 5 maar een afsluitende slash is toegestaan.


Antwoord 6, autoriteit 2%

Ik raad het gebruik van <br />aan om de volgende redenen:

1) Tekst- en XML-editors die de XML-syntaxis in verschillende kleuren markeren, worden correct gemarkeerd met <br />maar dit is niet altijd het geval als u <br>

2) <br />is achterwaarts compatibel met XHTML en goed opgemaakte HTML (dwz: XHTML) is vaak gemakkelijker te valideren op fouten en debuggen

3) Sommige oude parsers en sommige coderingsspecificaties vereisen de spatie vóór de afsluitende schuine streep (dwz: <br />in plaats van <br/>) zoals de WordPress Plugin Coding-specificatie: http://make.wordpress.org /core/handbook/coding-standards/html/

Mijn ervaring is dat ik nog nooit een geval ben tegengekomen waarin het gebruik van <br />problematisch is, maar er zijn veel gevallen waarin <br/>of vooral <br>kan problematisch zijn in oudere browsers en tools.


Antwoord 7

XML vereist dat alle tags een bijbehorende afsluitende tag hebben. Er is dus een speciale verkorte syntaxis voor tags zonder inhoud.

HTML5 is geen XML, dus het zou zo’n vereiste niet moeten stellen. HTML 4.01 ook niet.

Bijvoorbeeld, in HTML5-specificaties, worden alle voorbeelden met brtag gebruiken <br>syntaxis, niet <br/>.

UPD<br/>is eigenlijk toegestaan in HTML5. 9.1.2.1, 7.


Antwoord 8

Als je geïnteresseerd bent in vergelijkbaarheid (niet in compatibiliteit, maar in vergelijkbaarheid), dan blijf ik bij <br />.

Anders is <br>in orde.


Antwoord 9

  1. Als u HTML op een gewone website uitvoert, kunt u <br>of<br/>gebruiken , beide zijn geldig wanneer u HTML5 als tekst/html gebruikt.

  2. Als u HTML5 als XHTML gebruikt (dwz inhoudstype application/xhtml+xml, met een XML-declaratie), moet u een zelfsluitende tag gebruiken, zoals: <br/>.

    Als je dat niet doet, kunnen sommige browsers ronduit weigeren om je pagina weer te geven (met name Firefox is zeerstreng in het weergeven van alleen geldige xhtml+xml-pagina’s).

    Zoals vermeld in 1. <br/>is ook geldig voor HTML5 die toevallig wordt gegenereerd als XML maar diende als een gewone tekst/html zondereen XML-declaratie (zoals van een XSL-transformatie die webpagina’s genereert, of iets dergelijks).

Om verwarring op te ruimen: een spatie voor de schuine streep plaatsen is niet vereist in HTML5 en maakt geen verschil voor hoe de pagina wordt weergegeven (als iemand een voorbeeld kan noemen, zal ik dit intrekken, maar dat doe ik niet’ ik geloof niet dat het waar is – maar IE doet zeker nog veel andere vreemde dingen met alle vormen van <br>-tags).

De uitstekende validator op http://validator.w3.orgis erg handig om te controleren wat geldig is (hoewel ik niet zeker weet of u kunt erop vertrouwen om ook het inhoudstype te controleren).


Antwoord 10

Zowel <br>als <br />zijn acceptabel in HTML5, maar in de geest van HTML, <br>moet worden gebruikt. HTML5 maakt het mogelijk slashes te sluiten om meer compatibel te zijn met documenten die voorheen HTML 4.01 en XHTML 1.0 waren, wat een eenvoudigere migratie naar HTML5 mogelijk maakt. Natuurlijk is <br/>ook acceptabel, maar om compatibel te zijn met sommige oudere browsers, moet er een spatie voor de afsluitende slash (/) staan.


Antwoord 11

<br>en <br/>worden anders weergegeven. Sommige browsers interpreteren <br/>als <br></br>en voegen twee regeleinden in


Antwoord 12

<br>is voldoende, maar in XHTML heeft <br />de voorkeur volgens de WHATWGen volgens de W3C.

Om Sectie 8.1.2.1van te citeren HTML 5.2 W3C-aanbeveling, 14 december 2017

Starttags moeten de volgende indeling hebben:

  1. Na de attributen, of na de tagnaam als er geen attributen zijn, kunnen er een of meer spatietekens staan. (Sommige attributen moeten worden gevolgd door een spatie. Zie §8.1.2.3 Attributen hieronder.)

  2. Als het element een van de lege elementen is, of als het element een vreemd element is, kan er een enkel U+002F SOLIDUS-teken (/) zijn. Dit teken heeft geen effect op lege elementen, maar op vreemde elementen markeert het de starttag als zelfsluitend.

Als u Dreamweaver CS6 gebruikt, wordt het automatisch aangevuld als <br />.

Om uw HTML-bestand op W3C te valideren, zie: http://validator.w3.org/


Antwoord 13

Alles wat ik weet is dat <br />een onderbreking geeft met een witte lijn en <br>in sommige gevallen slechts een onderbreking geeft. Dit overkwam mij toen ik een IPN-script (PHP) aan het opzetten was en mails verzond en de inbox daarop controleerde. Ik weet niet waarom, maar ik kreeg alleen het bericht om er netjes uit te zien met beide <br /> and <br>

Bekijk de mail hier: http://snag.gy/cLxUa.jpg

De eerste twee tekstgedeelten worden gescheiden door <br />, vandaar de witruimteregels, de laatste drie tekstregels onderaan en het laatste gedeelte wordt gescheiden door <br>en geeft gewoon een nieuwe rij.


Antwoord 14

In de meeste gevallen in HTML zijn de tags paarsgewijs. Maar voor een regeleinde heb je geen paar tags nodig. Om dit aan te geven, gebruikt HTML daarom de indeling <br/>. <br/>is de juiste. Gebruik dat formaat.

<br>tag heeft geen eindtag in HTML
In XHTML moet de tag <br>op de juiste manier worden gesloten, als volgt: <br />

In XML moet elke tag gesloten zijn. XHTML is een uitbreiding van XML, daarom moeten alle regels van XML worden gevolgd voor geldige XHTML. Daarom moeten zelfs lege tags (knooppunten zonder onderliggende knooppunten) zoals
worden gesloten. XML heeft een korte vorm genaamd zelfsluitende tags voor lege knooppunten. U kunt <br></br> as <br />. Daarom wordt in XHTML <br />gebruikt.

HTML is in dit opzicht erg soepel en zo’n regel bestaat niet. Dus in HTML lege knooppunten zoals <br> <hr> <meta>etc worden geschreven zonder de afsluitende slash.

HTML

<br>
<hr>
<meta name="keywords" content="">
<link rel="canonical" href="http://www.google.com/">

XHTML

<br />
<hr />
<meta name="keywords" content="" />
<link rel="canonical" href="http://www.google.com/" />

Niet alle tags kunnen zelf worden gesloten. Een tag als <script src="jQuery.min.js" />is bijvoorbeeld niet toegestaan door XHTML DTD.


Antwoord 15

<br/>is de meest geschikte. Deze tag-notatie kan ook worden gebruikt in reactjes waar een lijnvakantie vereist is in plaats van <br>


16

Ummm ….. Kent iemand een enkele leverancier, gebruikersagent of browsermaker die ooit de W3C-specificaties 100% heeft gevolgd ??? Dus als HTML5 zegt dat het alle drie externe elementversies ondersteunt, kunt u inzetten dat de leveranciers dezelfde en nog meer Sloppier-versies ondersteunen!

Het enige dat in dit debat telt, is consequent gebruik te maken van codering die ook toevallig XML-specificaties en HTML-specificaties kan volgen. Dat betekent dat u de juiste XML-versie van de breektag moet gebruiken en al uw team aanmoedigt om hetzelfde te doen:

<br />

Hetzelfde ruimte-slash-formaat moet van toepassing zijn op de IMG, A, HR en META-tags in uw code. Waarom? Omdat:

  1. Het is achterwaarts compatibel met oudere XHTML-gebruikersagenten / browsers
  2. De browserverkopers ondersteunen de XML-versie hoe dan ook, zodat de HTML5-specificatie Moot is.
  3. De slordige implementaties van de meeste gebruikersagenten van vandaag, in het verleden, en in de toekomst zullen het accepteren.
  4. Hiermee kan uw markup vergelijkbaar zijn met XML-normen als u moet teruggaan naar het maken van XHTML / XML-documenten van uw markup.
  5. Het is “Good Codering Practice” voor alle webontwikkelaars om vaste markup-praktijken te blijven gebruiken die XML volgen, inclusief codering in alle kleine letters, geciteerde kenmerken, ontsnappen aan XML-tekens, enz. Wat? In de toekomst als u moet overschakelen naar XML-gegevens die u automatisch codeert en denkt in XML.
  6. We kunnen alleen maar hopen dat we in het toekomstige World Wide Web afstappen van door particuliere leveranciers geïmplementeerde standaarden en teruggaan naar solide, betrouwbare, geverifieerde markeringen die sneller parseren, gegevens sneller over de draden verplaatsen en ons toekomstige internet maken een meer gestandaardiseerd medium dat XML gebruikt.

Trouwens, in de robot- en machinewereld die hier is, waar robots niet dezelfde coderingsproblemen met de menselijke interface hebben die HTML5 voor ons oplost, zullen ze graag teruggaan naar XML-gegevenssystemen en dergelijke UI-webpagina’s veel sneller ontleden wanneer geconverteerd naar XML-gegevens.


Antwoord 17

De elementen zonder eindtags worden genoemd als lege tags. In HTML 4 en HTML 5 zijn eindlabels niet vereist en kunnen ze worden weggelaten.

In xhtml zijn tags zo streng. Dat betekent dat moet beginnen met start-tag en eindigen met eindtag.

Other episodes