Alinea's en spaties definiëren in HTML

Dus je hebt basis-HTML-concepten en enkele basis-HTML-tags geleerd, en je hebt besloten om wat te plakken HTML in uw CMS. Helaas liep uw artikel in elkaar over. Alles is één alinea! Wat is er gebeurd?

Geen paniek. Begrijp hoe je browser interpreteert regeleinden, en u lost dit snel op … of in ieder geval eenvoudig.

Browsers negeren de meeste witruimte

HTML gaat over het markeren van gewone tekst. Toen tekst nog op perkament stond, liep gewone tekst samen in gigantische blokken. Vandaag breken we tekst in alinea's.

Je denkt misschien niet veel na over alinea's. Ze gebeuren gewoon. Je drukt op ENTER, en dat is dat.

Maar HTML is anders. De browser doet zijn best om informatie eruit te filteren die niet belangrijk lijkt. Je moet begrijpen hoe dit werkt, zodat je niet in de war raakt.

Stel dat u een hele reeks spaties typt:

Uw prozaïsche browser geeft deze heldere weergave:

Ik voel me als e.e. klaarkomen.

We zijn niet meer in Word, Toto. Browsers negeer extra spaties. Ze reduceren meerdere ruimtes tot één enkele ruimte.

instagram viewer

Browsers zullen ook negeer je regeleinden.

Uw browser maakt dit:

Ik voel me als e.e. cummings maar iedereen heeft toch een hekel aan C A P I T A L S online.

Als je uit de wereld van tekstverwerkers komt, kan dit gedrag opzienbarend zijn. Eigenlijk geeft het je veel vrijheid.

alinea's

Maar je wilt waarschijnlijk nog steeds alinea's. Daar zijn ze:


en

Kijk goed naar de.


en

tags en kijk wat de browser doet.
Dit is een alinea. Dit is een andere alinea, ook al staat die op dezelfde lijn. En hoewel ik zojuist twee regeleinden heb ingevoerd, maakt dit nog steeds deel uit van paragraaf twee. Nu zal ik paragraaf twee afsluiten.

Zien? De browser negeert uw regeleinden echt volledig. Het gaat alleen om tags.

Normaal gesproken is de verstandige keuze natuurlijk om uw alinea's te matchen met regeleinden:

Maar de regeleinden zijn alleen voor jou. De browser negeert ze.

Het toevoegen van een heleboel.

tags kunnen vervelend zijn. Het is één ding om hier en daar cursief toe te voegen. Het is iets anders om elke keer dat je een nieuwe alinea begint tags toe te voegen.
Maar wacht! Er is hoop! Ren niet schreeuwend terug naar je tekstverwerker.

Uw CMS kan uw lege regels respecteren

Gelukkig zijn sommige CMS'en ontworpen om: automatisch alinea-tags invoegen voor jou, achter de schermen. U kunt eenvoudig een lege regel tussen alinea's, en het CMS doet de rest.

Als uw CMS deze functie heeft, krijgt u:

Dit is een alinea. Geen labels! En hier is. een ander paragraaf.

Waarom werkt dit? Voordat het CMS je artikel uitspuugt als een webpagina, voegt het het nodige toe.

labels.
Uw CMS zal dit waarschijnlijk automatisch doen. Als dit niet het geval is, kunt u deze functie mogelijk inschakelen.

Druk tweemaal op ENTER voor een alinea

In een tekstverwerker druk je meestal maar één keer op ENTER tussen alinea's. De alinea's zijn een enkele regel, maar de tekstverwerker omhult ze.

In HTML wil je: druk tweemaal op ENTER tussen alinea's. Als uw CMS wordt toegevoegd.

automatisch tagt, verwacht het waarschijnlijk een lege regel.

instagram story viewer