Oprettelse af linjeskift og afsnit med P & BR-tags

click fraud protection

Når det kommer til at lære HTML, er to tags, som de fleste mennesker lærer tidligt, afsnit og linjeskift, som er 

 og 
henholdsvis. Disse tags sætter naturlige pauser i din tekst, så din websides indhold er lettere at læse. Selvom disse tags er ret nemme at bruge, kan de også forårsage forvirring og misbruges.

Korrekt brug af HTML-afsnitselementet

Afsnitselementet

bruges som et tag-par med 

 tag, der åbner elementet og 

 tag, der lukker det. Skriftlig HTML4 eller HTML5, slutkoden er teknisk set ikke påkrævet, men det betragtes som en bedste praksis at lukke dette mærke. I XHTML, afslutningen er påkrævet.

Du bruger afsnitselementet på et websted på samme måde som når du skriver indhold til behov på nettet - når du vil starte en ny idé eller et nyt punkt. De fleste browsere viser afsnit med en tom linje imellem. Her er et eksempelafsnit i HTML:

Nu er det tid for alle gode mænd at komme deres land til hjælp. Den hurtige brune ræv sprang over den dovne sovende hund.

Mange andre tags kan vises mellem de indledende og de sidste afsnit-tags.

instagram viewer

Korrekt brug af HTML Line Break Element

Linjeskiftelementet
tag er en singleton tag - det har intet slutmærke. I XHTML skal du bruge tagget med et sidste skråstreg (
), men i HTML (inklusive HTML5) er det ikke nødvendigt.

Brudelementet er et tvunget linjeskift inden for tekststrømmen på websiden. Du bruger det, når du vil have teksten til at fortsætte på den næste linje, men indholdet er ikke en separat idé eller et punkt, hvilket ville gøre det til et andet afsnit. Et eksempel på dette forekommer med poesi, hvor linjeskift normalt er faste.

Her er et eksempel på et linjeskift inde i et afsnit:

Nu er det tid for alle gode mænd at komme deres land til hjælp.

Den hurtige brune ræv sprang over den dovne sovende hund.


Fordi linjeskiftmærket er et singleton-mærke, kan ingen andre tags bruges i det.

Almindelige misbrug af

og
Mærker

Mennesker, der er nye ved kodning, laver nogle almindelige fejl med afsnit- og linjeskiftelementerne, når de markerer en webside.

  • Ved brug af
    for at ændre længden af ​​en tekstlinje
    : Brug af pausemærket i et forsøg på at tvinge teksten til at blive vist eller bryde på en bestemt måde sikrer det dine sider ser godt ud i din browser, men ikke nødvendigvis i en anden browser og bestemt ikke på alle enheder. Hvis dit websted er et lydhør hjemmeside, det ændrer sit layout baseret på forskellige skærmstørrelser. Browseren lægger automatisk ordindpakning i, og så når det kommer til
    tag, det indpakker teksten igen, hvilket resulterer i korte linjer og lange linjer og hakket tekst. Du skal bruge CSS-stilark at diktere visuelle stilarter i stedet for at forsøge at tvinge layout ved at tilføje specifikke HTML-elementer.
  • Ved brug af for at tilføje mellemrum mellem elementerne: Endnu en gang drejer det sig om HTML for at skabe et visuelt layout, i dette tilfælde afstand, i stedet for at bruge CSS. Dette er en almindelig praksis for nogle HTML-redaktører, og selvom det ikke er teknisk forkert, resulterer det i akavet HTML og kan være forvirrende at redigere senere. Det er heller ikke i tråd med webstandarder og adskillelsen af ​​struktur og stil. I nogle tilfælde bruger ikke-brudende mellemrum inde i ellers kan tomme afsnitskoder resultere i uventet afstand i forskellige browsere, da de alle synes at fortolke dette forskelligt. Den bedste løsning for at opnå de nødvendige afstandselementer i dit design er at bruge stilark.
instagram story viewer