Hvordan definere avsnitt og mellomrom i HTML

Så du har lært grunnleggende HTML-konsepter og noen grunnleggende HTML-koder, og du bestemte deg for å lime inn noen HTML inn i CMS. Dessverre kjørte artikkelen din sammen. Alt er ett avsnitt! Hva skjedde?

Ikke få panikk. Forstå hvordan din nettleser tolker linjeskift, og du vil fikse dette raskt... eller i det minste, rett og slett.

Nettlesere ignorerer mest hvite rom

HTML handler om å merke vanlig tekst. Tilbake da teksten var på pergament, kjørte ordinær tekst sammen i gigantiske blokker. I dag bryter vi tekst inn avsnitt.

Du tenker kanskje ikke så mye på avsnitt. De bare skjer. Du trykker ENTER, og det er det.

Men HTML er annerledes. Nettleseren prøver hardt å filtrere ut informasjon som ikke virker viktig. Du må forstå hvordan dette fungerer, slik at du ikke blir forvirret.

Anta at du skriver en hel mengde mellomrom:

Din prosaiske nettleser vil gi denne skarpe gjengivelsen:

Jeg føler meg som e.e. cummings.

Vi er ikke i Word lenger, Toto. Nettlesere ignorere ekstra avstand. De reduserer flere mellomrom til et enkelt mellomrom.

watch instagram stories

Nettlesere vil også ignorere din linjeskift.

Nettleseren din gjør dette:

Jeg føler meg som e.e. cummings men alle hater C A P I T A L S online uansett.

Hvis du kommer fra tekstbehandlingsverdenen, kan denne oppførselen være oppsiktsvekkende. Egentlig gir det deg mye frihet.

Avsnitt

Men du vil sannsynligvis fortsatt ha avsnitt. Her er de:


og

Se nøye på.


og

og deretter se hva nettleseren gjør.
Dette er et avsnitt. Dette er et annet avsnitt, selv om det er på samme linje. Og selv om jeg nettopp skrev inn to linjeskift, er dette fortsatt en del av avsnitt to. Nå skal jeg lukke avsnitt to.

Se? Nettleseren ignorerer virkelig linjeskiftene dine. Det bryr seg bare om koder.

Normalt er selvfølgelig det fornuftige valget å matche avsnittene dine med linjeskift:

Men linjeskiftene er bare for deg. Nettleseren ignorerer dem.

Legge til en haug med.

tagger kan være kjedelige. Det er en ting å legge kursiv her og der. Det er et annet å måtte legge til koder hver gang du starter et nytt avsnitt.
Men vent! Det er håp! Ikke løp skrikende tilbake til tekstbehandleren.

CMS kan respektere dine tomme linjer

Heldigvis er noen CMS-er designet for å sett inn avsnittstagger automatisk for deg, bak kulissene. Du kan ganske enkelt sette inn en blank linje mellom avsnittene, og CMS gjør resten.

Hvis CMS har denne funksjonen, får du:

Dette er et avsnitt. Ingen tagger! Og her er. en annen avsnitt.

Hvorfor fungerer dette? Før CMS spytter ut artikkelen din som en nettside, legger det til det nødvendige.

koder.
CMS vil sannsynligvis gjøre dette automatisk. Hvis ikke, kan du kanskje slå på denne funksjonen.

Trykk ENTER to ganger for et avsnitt

I en tekstbehandler treffer du vanligvis ENTER bare én gang mellom avsnittene. Avsnittene er en enkelt linje, men tekstbehandleren pakker dem inn.

I HTML vil du trykk ENTER to ganger mellom avsnittene. Hvis CMS legger til.

tagger automatisk, forventer det sannsynligvis en tom linje.

instagram story viewer