Regeleinden en alinea's maken met de P- en BR-tags

Als het gaat om het leren van HTML, zijn twee tags die de meeste mensen al vroeg leren de alinea- en regeleinde-tags, namelijk:

 en 
respectievelijk. Deze tags zorgen voor natuurlijke onderbrekingen in uw tekst, zodat de inhoud van uw webpagina gemakkelijker te lezen is. Hoewel deze tags vrij eenvoudig te gebruiken zijn, kunnen ze ook enige verwarring veroorzaken en misbruikt worden.

Correct gebruik van het HTML-alinea-element

Het alinea-element

wordt gebruikt als een tagpaar met de 

 tag openen van het element en de 

 tag die het sluit. Schriftelijk HTML4 of HTML5, is de eindtag technisch niet vereist, maar het wordt als best practice beschouwd om deze tag te sluiten. In XHTML is de afsluiting Is benodigd.

U gebruikt het alinea-element op een website op dezelfde manier als wanneer u inhoud schrijft voor off-webbehoeften - wanneer u een nieuw idee of punt wilt starten. De meeste browsers geven alinea's weer met één lege regel ertussen. Hier is een voorbeeldparagraaf in HTML:

Nu is het tijd voor alle goede mannen om hun land te hulp te komen. De snelle bruine vos sprong over de luie slapende hond heen.





instagram viewer

Er kunnen veel andere tags verschijnen tussen de tags voor het openen en sluiten van alinea's.

Correct gebruik van het HTML-regelonderbrekingselement

Het regeleinde-element
tag is een singleton tag - het heeft geen eindtag. In XHTML moet je de tag gebruiken met een laatste slash (
), maar in HTML (inclusief HTML5) is dit niet vereist.

Het break-element is een geforceerd regeleinde binnen de tekststroom van de webpagina. Je gebruikt het wanneer je wilt dat de tekst doorgaat op de volgende regel, maar de inhoud geen apart idee of punt is, waardoor het een andere alinea zou worden. Een voorbeeld hiervan doet zich voor bij poëzie waar regeleinden meestal vast zijn.

Hier is een voorbeeld van een regeleinde in een alinea:

Nu is het tijd voor alle goede mannen om hun land te hulp te komen.

De snelle bruine vos sprong over de luie slapende hond heen.

Omdat de regeleinde-tag een singleton-tag is, kunnen er geen andere tags in worden gebruikt.

Veelvoorkomend misbruik van de

en
Tags

Mensen die nieuw zijn met coderen maken enkele veelvoorkomende fouten met de alinea- en regeleinde-elementen bij het markeren van een webpagina.

• Gebruik makend van
  om de lengte van een tekstregel te wijzigen: Het gebruik van de break-tag in een poging om de tekst op een specifieke manier te laten verschijnen of te breken, zorgt ervoor dat: uw pagina's zien er geweldig uit in uw browser, maar niet noodzakelijkerwijs in een andere browser en zeker niet in alle apparaten. Als uw site een responsieve website, het verandert de lay-out op basis van verschillende schermformaten. De browser plaatst automatisch tekstterugloop, en als het gaat om de
  tag, het wikkelt de tekst opnieuw, wat resulteert in korte lijnen en lange lijnen en schokkerige tekst. Je zou... moeten gebruiken CSS-stijlbladen om visuele stijlen te dicteren in plaats van te proberen de lay-out te forceren door specifieke HTML-elementen toe te voegen.
• Gebruik makend van om ruimte tussen elementen toe te voegen: Nogmaals, dit is HTML om een ​​visuele lay-out te maken, in dit geval spatiëring, in plaats van CSS te gebruiken. Dit is een gangbare praktijk van sommige HTML-editors, en hoewel het technisch gezien niet verkeerd is, resulteert het in onhandig uitziende HTML en kan het verwarrend zijn om later te bewerken. Het is ook niet in lijn met webstandaarden en de scheiding van structuur en stijl. In sommige gevallen, met behulp van niet-brekende spaties binnen anders kunnen lege alineatags resulteren in onverwachte spatiëring in verschillende browsers, omdat ze dit allemaal anders lijken te interpreteren. De beste oplossing om de benodigde afstandselementen in uw ontwerp te bereiken, is het gebruik van stylesheets.