Sådan defineres afsnit og afstand i HTML

click fraud protection

Så du har lært grundlæggende HTML-koncepter og nogle grundlæggende HTML-tags, og du besluttede at indsætte nogle HTML ind i dit CMS. Desværre kørte din artikel sammen. Alt er et afsnit! Hvad skete der?

Gå ikke i panik. Forstå hvordan din browser fortolker linjeskift, og du løser dette hurtigt... eller i det mindste simpelthen.

Browsere ignorerer mest hvide rum

HTML handler om at markere almindelig tekst. Tilbage, da teksten var på pergament, løb almindelig tekst sammen i gigantiske blokke. I dag bryder vi tekst ind afsnit.

Du tænker måske ikke meget over afsnit. De sker bare. Du trykker på ENTER, og det er det.

Men HTML er anderledes. Browseren prøver hårdt på at filtrere oplysninger, der ikke synes vigtige, ud. Du skal forstå, hvordan dette fungerer, så du ikke bliver forvirret.

Antag at du skriver en hel masse mellemrum:

Din prosaiske browser giver denne skarpe gengivelse:

Jeg har lyst til e.a. cummings.

Vi er ikke længere i Word, Toto. Browsere ignorere ekstra afstand. De reducerer flere mellemrum til et enkelt rum.

instagram viewer

Browsere vil også ignorere din linjeskift.

Din browser gør dette:

Jeg har lyst til e.a. cummings men alle hader C A P I T A L S online alligevel.

Hvis du kommer fra tekstbehandlingsverdenen, kan denne adfærd være overraskende. Faktisk giver det dig stor frihed.

Stk

Men du vil sandsynligvis stadig have afsnit. Her er de:


og

Se nøje på.


og

tags, og se derefter, hvad browseren gør.
Dette er et afsnit. Dette er et andet afsnit, selvom det er på samme linje. Og selvom jeg lige har indtastet to linjeskift, er dette stadig en del af afsnit to. Nu lukker jeg afsnit to.

Se? Browseren ignorerer virkelig dine linjeskift. Det bekymrer sig kun om tags.

Normalt er det fornuftige valg naturligvis at matche dine afsnit med linjeskift:

Men linjeskiftene er kun noget for dig. Browseren ignorerer dem.

Tilføjelse af en masse.

tags kan være kedelige. Det er en ting at tilføje kursiv her og der. Det er et andet at skulle tilføje tags hver gang du starter et nyt afsnit.
Men vent! Der er håb! Kør ikke skrigende tilbage til din tekstbehandler.

Dit CMS kan respektere dine tomme linjer

Heldigvis er nogle CMS'er designet til at indsæt afsnitstags automatisk for dig bag kulisserne. Du kan blot indsætte en tom linje mellem afsnit, og CMS gør resten.

Hvis dit CMS har denne funktion, får du:

Dette er et afsnit. Ingen tags! Og her er. en anden afsnit.

Hvorfor fungerer dette? Inden CMS spytter din artikel ud som en hjemmeside, det tilføjer det nødvendige.

tags.
Dit CMS vil sandsynligvis gøre dette automatisk. Hvis den ikke gør det, kan du muligvis aktivere denne funktion.

Hit ENTER to gange for et afsnit

I en tekstbehandler rammer du normalt kun ENTER mellem afsnit. Afsnittene er en enkelt linje, men tekstbehandleren indpakker dem.

I HTML vil du tryk ENTER to gange mellem afsnit. Hvis dit CMS tilføjer.

tags automatisk, forventes det sandsynligvis en tom linje.

instagram story viewer