Skip to main content

Skriv i HTML - Avsnitt og mellomrom

Rita flagga med JavaScript, HTML och CSS (April 2025)

Rita flagga med JavaScript, HTML och CSS (April 2025)
Anonim

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

Ikke bli panikk. Forstå hvordan nettleseren din tolker linjeskift, og du løser dette raskt … eller i det minste rett og slett.

Nettlesere ignorerer de fleste hvite rom

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

Du kan ikke tenke mye om avsnittene. De skjedde bare. Du trykker ENTER, og det er det.

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

Anta at du skriver en hel masse mellomrom:

Jeg føler meg som e.e. cummings

Din prosaiske nettleser vil gi denne skarpe overføringen:

Jeg føler meg som e.e. cummings

Vi er ikke lenger i Word, Toto. Nettlesere lesere~~POS=HEADCOMP ignorere ekstra avstand. De reduserer flere mellomrom til en enkelt plass.

Nettlesere vil også ignorere linjeskiftene dine.

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

Nettleseren din gjør dette:

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

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

avsnitt

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

og

Dette er et avsnitt.

Dette er et annet avsnitt, selv om det er på samme linje. Og selv om jeg bare gikk inn i to linjeskift, er dette fortsatt en del av avsnitt to. Nå skal jeg lukke punkt to.

Se nøye på

og tagger, og 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 bare gikk inn i to linjeskift, er dette fortsatt en del av avsnitt to. Nå skal jeg lukke punkt to.

Se? Nettleseren ignorerer virkelig dine linjeskift. Det bryr seg bare om tagger.

Normalt, selvfølgelig, er det sanne valget å samsvare med avsnittene dine med linjeskift:

Dette er et avsnitt.

Dette er et annet avsnitt.

Men linjeskiftene er bare for deg. Nettleseren ignorerer dem.

Legge til en haug med

Etiketter kan være kjedelig. 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 å skrike tilbake til tekstbehandleren din.

Ditt CMS kan respektere dine tomme linjer

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

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

Hvis CMS har denne funksjonen, får du:

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

Hvorfor virker dette? Før CMS spretter ut artikkelen som en nettside, legger den til det nødvendige

tags.

Ditt CMS vil trolig gjøre dette automatisk. Hvis det ikke gjør det, kan du kanskje slå på denne funksjonen.

Trykk ENTER to ganger for en paragraf

I et tekstbehandlingsprogram treffer du vanligvis bare ENTER én gang mellom avsnittene. Avsnittene er en enkelt linje, men tekstbehandleren bryter dem.

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

koder automatisk, forventer det sannsynligvis en tom linje.