Skapa linjebrytningar och stycken med P & BR-taggarna

När det gäller att lära HTML, är två taggar som de flesta människor lär sig tidigt på, de stycken och radbrytningstaggar som är

och
respektive. Dessa taggar sätter naturliga raster i din text så att innehållet på din webbsida är lättare att läsa. Även om dessa taggar är ganska lätta att använda, kan de också orsaka viss förvirring och missbrukas.

Korrekt användning av HTML-punktelementet

Styckelementet

används som ett tagpar med

tagg som öppnar elementet och

taggen stänger den. I skrivande HTML4 eller HTML5 är sluttaggen tekniskt inte nödvändig, men det anses vara en bra metod att stänga den här taggen. I XHTML, stängningen

krävs.

Du använder styckeelementet på en webbplats på samma sätt som du gör när du skriver innehåll för off-web-behov - när du vill starta en ny idé eller punkt. De flesta webbläsare visar stycken med en blank linje mellan dem. Här är ett exempel i HTML:

Nu är det dags för alla goda män att komma till sitt lands hjälp. Den snabba bruna räven hoppade över den lata sovande hunden.

Många andra taggar kan dyka upp mellan etiketterna för öppning och stängning av stycken.

Korrekt användning av HTML Line Break Element

Radbrytningselementet
taggen är en singleton tagg - den har ingen slut tagg. I XHTML måste du använda taggen med ett slutligt snedstreck (
), men i HTML (inklusive HTML5) krävs det inte.

Brytningselementet är en tvungen radbrytning inom textflödet på webbsidan. Du använder den när du vill att texten ska fortsätta på nästa rad, men innehållet är inte en separat idé eller punkt, vilket skulle göra det till en annan punkt. Ett exempel på detta inträffar med poesi där rader är vanligtvis fixade.

Här är ett exempel på en radbrytning i ett stycke:

Nu är det dags för alla goda män att komma till sitt lands hjälp.
Den snabba bruna räven hoppade över den lata sovande hunden.

Eftersom radbrytningslabeln är en singleton-tagg, kan inga andra taggar användas inom den.

Vanliga missbruk av

och
Tags

Människor som är nya för att koda gör några vanliga misstag med styckena och raderna när de markerar en webbsida.

• Använder sig av
  för att ändra längden på en textrad: Genom att använda pausetiketten i ett försök att tvinga texten att visas eller bryta på ett visst sätt ser du till att dina sidor ser bra ut i din webbläsare men inte nödvändigtvis i en annan webbläsare och absolut inte på alla enheter. Om din webbplats är en mottaglig webbplats ändras dess layout baserat på olika skärmstorlekar. Webbläsaren lägger automatiskt in ordförpackning, och då när det gäller
  taggen, det sveper texten igen, vilket resulterar i korta rader och långa rader och hakig text. Du bör använda CSS stilark för att diktera visuella stilar istället för att försöka tvinga layout genom att lägga till specifika HTML-element.
• Använder sig avför att lägga till mellanslag mellan element: Återigen vänder det sig till HTML för att skapa en visuell layout, i det här fallet avstånd, istället för att använda CSS. Detta är en vanlig praxis hos vissa HTML-redaktörer, och medan det inte är tekniskt fel, leder det till obekvämt HTML och kan vara förvirrande att redigera senare. Det är inte heller i linje med webbstandarder och separering av struktur och stil. I vissa fall kan du använda oavbrutna mellanslag i olika webbläsare med hjälp av icke-brutna mellanslag i annars tomma stycken, eftersom alla tycks tolka detta på olika sätt. Den bästa lösningen för att uppnå de distanselement som behövs i din design är att använda stilark.

Läs mer om dessa och andra taggar i den här HTML-tagglistan.