Opprette linjeskift og avsnitt med P & BR-tagger

Når det gjelder å lære HTML, er to koder som de fleste lærer tidlig på, punkt- og linjeskiftetiketter, som er

og
henholdsvis. Disse kodene legger naturlige brudd i teksten, slik at innholdet på nettsiden din er enklere å lese. Selv om disse kodene er ganske enkle å bruke, kan de også forårsake forvirring og misbrukes.

Korrekt bruk av HTML-punktelementet

Stykkelementet

brukes som et tagpar med

tag som åpner elementet og

tag lukke den. Ved å skrive HTML4 eller HTML5, er sluttmerket ikke teknisk nødvendig, men det anses som en god praksis for å lukke denne taggen. I XHTML, avslutningen

er nødvendig.

Du bruker avsnittelementet på et nettsted på samme måte som du gjør når du skriver innhold for webbehov - når du vil starte en ny ide eller et poeng. De fleste nettlesere viser avsnitt med en tom linje mellom dem. Her er et eksempel i HTML:

Nå er det tid for alle gode menn å komme til hjelp av deres land. Den raske brune ræven hoppet over den dovne sovende hunden.

Mange andre tagger kan vises mellom åpnings- og lukkede avsnittetiketter.

Korrekt bruk av HTML Line Break Element

Linjeskiftelementet
tag er en singleton tag - den har ingen sluttkode. I XHTML må du bruke taggen med en endelig skråstrek (
), men i HTML (inkludert HTML5), er det ikke nødvendig.

Pauseelementet er en tvunget linjeskift innenfor tekstflaten på nettsiden. Du bruker det når du vil at teksten skal fortsette på neste linje, men innholdet er ikke en egen ide eller et punkt, noe som ville gjøre det til et annet avsnitt. Et eksempel på dette skjer med poesi hvor linjeskift vanligvis er løst.

Her er et eksempel på en linjeskift i et avsnitt:

Nå er det tid for alle gode menn å komme til hjelp av deres land.
Den raske brune ræven hoppet over den dovne sovende hunden.

Fordi linjeskiftetiketten er en singleton-tag, kan ingen andre merker brukes i den.

Vanlige misbruk av

og
Tags

Folk som er nye til koding, gjør noen vanlige feil med avsnittet og linjeskiftelementene når du markerer en nettside.

• Ved hjelp av
  for å endre lengden på en tekstlinje: Bruk av pause-taggen i et forsøk på å tvinge teksten til å vises eller ødelegge på en bestemt måte, sikrer at sidene dine ser bra ut i nettleseren din, men ikke nødvendigvis på en annen nettleser og sikkert ikke på alle enheter. Hvis nettstedet ditt er en responsiv nettside, endrer den oppsettet basert på forskjellige skjermstørrelser. Nettleseren legger automatisk inn ordpakking, og da når det gjelder
  tag, den pakker inn teksten igjen, noe som resulterer i korte linjer og lange linjer og hakkete tekst. Du bør bruke CSS stilark til å diktere visuelle stiler i stedet for å prøve å tvinge layout ved å legge til bestemte HTML-elementer.
• Ved hjelp avå legge til mellomrom mellom elementer: Nok en gang vender dette til HTML for å lage en visuell layout, i dette tilfelle mellomrom, i stedet for å bruke CSS. Dette er en vanlig praksis for enkelte HTML-redaktører, og mens det ikke er teknisk feil, resulterer det i vanskelig HTML, og kan være forvirrende for å redigere senere. Det er heller ikke i tråd med webstandarder og separasjon av struktur og stil. I noen tilfeller kan det ikke forekomme uventede mellomrom i forskjellige nettlesere, ved å bruke ikke-bryte mellomrom i ellers tomt avsnitt, da de alle synes å tolke dette annerledes. Den beste løsningen for å oppnå avstandselementene som trengs i designet er å bruke stilark.

Lær mer om disse og andre tagger i denne HTML-tagelisten.