Skip to main content

Wanneer sluitingslabels op HTML-elementen gebruiken

Anonim

Er zijn een aantal HTML-tags in HTML4 en HTML5 die geen gebruik van een afsluitende tag voor geldige HTML vereisen. Zij zijn:

De reden dat de meeste van deze tags geen vereiste eindtag hebben, is dat in de meeste gevallen de eindtag wordt geïmpliceerd door de aanwezigheid van een andere tag in het document. Bijvoorbeeld, in de meeste webdocumenten, een alinea (gedefinieerd door

) wordt gevolgd door een andere alinea of ​​door een ander element op blokniveau. De browser kan dus concluderen dat de alinea is geëindigd aan het begin van de volgende alinea.

Andere tags in deze lijst hebben niet altijd de inhoud, zoals. Dit element kan tags bevatten zoals, maar hoeft niet te. Als een colgroep geen col-tags bevat, veroorzaakt het weglaten van de afsluitende tag geen verwarring. In de meeste gevallen wordt het aantal kolommen bepaald door het bereik-kenmerk.

Het weglaten van eind tags versnelt uw pagina's

Een goede reden om de eindtags voor deze elementen weg te laten, is omdat ze extra tekens toevoegen aan de paginalay-out en dus de pagina's langzamer maken. Als u op zoek bent naar dingen die u kunt doen om het downloaden van uw webpagina's te versnellen, dan is het verwijderen van optionele afsluitende tags een goed begin. Voor documenten met veel alinea's of tabelcellen kan dit een aanzienlijke besparing betekenen.

Maar het sluiten van afsluitende tags is niet helemaal goed

Er zijn enkele belangrijke redenen om te vertrekken in de afsluitende tags.

  • De afsluitende tags bieden structuur.
    • Wanneer u een HTML-document hebt dat minimaal is gecodeerd, kan het mogelijk snel worden geladen, maar het kan snel een beer worden om te onderhouden. Het toevoegen van nieuwe tabelrijen of -kolommen kan een stuk lastiger zijn om snel te doen zonder de volledige structuur van de begin- en eindlabels. En vaak lossen mensen dit op door te inspringen, waardoor de personages weer in het document worden geplaatst, waardoor de snelheidsvoordelen die je hebt verkregen door ze weg te laten, worden teniet gedaan.
  • CSS en JavaScript haken aan op de volledige elementen.
    • Hoewel de meeste browsers tags kunnen weergeven (zonder stijl) zonder hun sluitingstags, kan het ontbreken van tags ervoor zorgen dat een definitieve locatie voor het sluiten van een stijl of scriptactie minder duidelijk wordt. Als u met zeer nauwkeurige lay-outs werkt, geeft u de controle over de precisie op als u afsluitingstags weglaat - u laat de browser beslissen waar het label eindigt. Soms raden browsers het goed, en soms ook niet.
  • Het weglaten van sluitingslabels is niet altijd toegestaan.
    • In HTML5, de
    • tag kan worden weggelaten wanneer de alinea onmiddellijk wordt gevolgd door ongeveer 25 verschillende elementen. Maar er zijn meer dan 100 elementen in HTML5. Ga je elke situatie onthouden dat het geldig is om de eindtag achter te laten? Het is waarschijnlijk eenvoudiger om het gewoon op te nemen.

XHTML vereist alle afsluitende tags

De belangrijkste reden dat de meeste mensen het sluiten van tags gebruiken met deze elementen is die van XHTML. Wanneer u XHTML schrijft, zijn de afsluitende tags altijd vereist. Als u van plan bent uw webdocumenten op enig moment in de toekomst naar XHTML te converteren, kunt u de afsluitende tags het gemakkelijkst opnemen, zodat uw documenten gereed zijn.