Hur man definierar stycken och mellanrum i HTML

click fraud protection

Så du har lärt dig grundläggande HTML-begrepp och några grundläggande HTML-taggar, och du bestämde dig för att klistra in några HTML in i ditt CMS. Tyvärr sprang din artikel tillsammans. Allt är ett stycke! Vad hände?

Var inte panik. Förstå hur din webbläsare tolkar radbrytningar, och du kommer att fixa detta snabbt... eller åtminstone helt enkelt.

Webbläsare ignorerar det mesta vita utrymmet

HTML handlar om att markera vanlig text. Tillbaka när texten var på pergament, sprang vanlig text tillsammans i jätteblock. Idag bryter vi in ​​text stycken.

Du kanske inte tänker mycket på stycken. De händer bara. Du trycker på ENTER, och det är det.

Men HTML är annorlunda. Webbläsaren försöker hårt att filtrera bort information som inte verkar viktig. Du måste förstå hur detta fungerar så att du inte blir förvirrad.

Antag att du skriver en hel massa mellanslag:

Din prosaiska webbläsare ger den här skarpa återgivningen:

Jag känner mig som e.e. cummings.

Vi är inte i Word längre, Toto. Webbläsare ignorera extra avstånd. De reducerar flera utrymmen till ett enda utrymme.

instagram viewer

Webbläsare kommer också ignorera din radbrytningar.

Din webbläsare gör detta:

Jag känner mig som e.e. cummings men alla hatar C A P I T A L S online ändå.

Om du kommer från ordbehandlingsvärlden kan detta beteende vara häpnadsväckande. Egentligen ger det dig en hel del frihet.

Stycken

Men du vill nog ha stycken. Här är de:


och

Titta noga på.


och

taggar och se sedan vad webbläsaren gör.
Detta är ett stycke. Detta är ett annat stycke, även om det är på samma rad. Och även om jag precis angav två radbrytningar är det fortfarande en del av paragraf två. Nu ska jag avsluta punkt två.

Ser? Webbläsaren ignorerar verkligen dina radbrytningar. Det bryr sig bara om taggar.

Normalt sett är det naturliga valet att matcha dina stycken med radbrytningar:

Men radbrytningarna är bara för dig. Webbläsaren ignorerar dem.

Lägga till en massa.

taggar kan vara tråkiga. Det är en sak att lägga kursiv här och där. Det är en annan att behöva lägga till taggar varje gång du startar ett nytt stycke.
Men vänta! Det finns hopp! Kör inte skrikande tillbaka till din ordbehandlare.

Ditt CMS kan respektera dina tomma linjer

Lyckligtvis är vissa CMS: er utformade för att infoga stycktaggar automatiskt för dig, bakom kulisserna. Du kan helt enkelt infoga en blank linje mellan styckena och CMS gör resten.

Om ditt CMS har den här funktionen får du:

Detta är ett stycke. Inga taggar! Och här är. annan paragraf.

Varför fungerar det här? Innan CMS spottar ut din artikel som en webbsida, det lägger till det nödvändiga.

taggar.
Ditt CMS kommer förmodligen att göra detta automatiskt. Om den inte gör det kan du aktivera den här funktionen.

Hit ENTER två gånger för ett stycke

I en ordbehandlare slår du vanligtvis bara ENTER mellan styckena. Styckena är en enda rad, men ordbehandlaren omsluter dem.

I HTML vill du tryck ENTER två gånger mellan styckena. Om ditt CMS lägger till.

taggar automatiskt förväntas det troligen en tom rad.

instagram story viewer