Skryf in HTML: paragrawe en spasiëring

Of: Hoekom hardloop my HTML almal saam soos 'n ou boek?

So, jy het basiese HTML-konsepte en enkele basiese HTML-etikette geleer, en jy het besluit om HTML in jou CMS te plak. Ongelukkig het u artikel saamgehardloop. Alles is een paragraaf! Wat het gebeur?

Moenie paniekerig raak nie. Verstaan ​​hoe jou blaaier lynbreuke interpreteer, en jy sal dit vinnig regstel ... of ten minste eenvoudig.

Browsers ignoreer die meeste witruimte

HTML gaan oor die opmaak van gewone teks. Terug toe teks op parchmentq was, het gewone teks saam in reuse blokke gehardloop. Vandag breek ons ​​teks in paragrawe .

U mag nie veel oor paragrawe dink nie. Hulle het net gebeur. Jy druk Enter, en dit is dit.

Maar HTML is anders. Die blaaier probeer moeilik om inligting uit te skakel wat nie belangrik lyk nie. Jy moet verstaan ​​hoe dit werk sodat jy nie verwar word nie.

Gestel jy skryf 'n hele klomp spasies:

Ek voel soos ee cummings

Jou prosaiese blaaier sal hierdie skerp weergawe gee:

Ek voel soos ee cummings

Ons is nie meer in Word nie, Toto. Browsers ignoreer ekstra spasiëring . Hulle verminder verskeie spasies na 'n enkele spasie.

Browsers sal ook jou lynbreuke ignoreer .

Ek voel soos ee cummings, maar almal haat CAPITALS aanlyn in elk geval.

Jou blaaier maak dit:

Ek voel soos ee cummings, maar almal haat CAPITALS aanlyn in elk geval.

As jy afkomstig is van die woordverwerker wêreld, kan hierdie gedrag skrikwekkend wees. Eintlik gee dit jou baie vryheid.

paragrawe

Maar jy wil waarskynlik nog paragrawe hê. Hier is hulle:

en .

Dit is 'n paragraaf.

Dit is 'n ander paragraaf, al is dit op dieselfde lyn. En alhoewel ek net twee lynbreuke binnegegaan het, is dit nog steeds deel van paragraaf twee. Nou sal ek paragraaf twee sluit.

Kyk noukeurig na die

en -tagers en kyk dan wat die blaaier doen.

Dit is 'n paragraaf. Dit is 'n ander paragraaf, al is dit op dieselfde lyn. En alhoewel ek net twee lynbreuke binnegegaan het, is dit nog steeds deel van paragraaf twee. Nou sal ek paragraaf twee sluit.

Sien? Die leser ignoreer jou lynbreuke heeltemal. Dit gee net om etikette.

Normaalweg, natuurlik, is die gesonde keuse om jou paragrawe by lynpouses te pas:

Dit is 'n paragraaf.

Dit is 'n ander paragraaf.

Maar die lyn breek is net vir jou. Die leser ignoreer hulle.

Om 'n klomp

tags by te voeg, kan vervelig wees. Dit is een ding om kursief hier en daar te voeg. Dit is 'n ander om elke keer 'n nuwe paragraaf by te voeg.

Maar wag! Daar is hoop! Moenie hardloop skreeu na jou woordverwerker nie.

Jou CMS kan jou leë lyne respekteer

Gelukkig is sommige CMS's ontwerp om paragraaflabels outomaties vir jou agter die skerms in te voeg. Jy kan net 'n leë lyn tussen paragrawe invoeg, en die CMS doen die res.

Dit is 'n paragraaf. Geen etikette nie! En hier is nog 'n paragraaf.

As jou CMS hierdie kenmerk het, sal jy kry:

Dit is 'n paragraaf. Geen etikette nie! En hier is nog 'n paragraaf.

Hoekom werk dit? Voordat die CMS jou artikel as 'n webblad spoeg, voeg dit die nodige

tags by.

Jou CMS sal waarskynlik dit outomaties doen. As dit nie die geval is nie, kan u hierdie funksie aanskakel.

Druk ENTER twee keer vir 'n paragraaf

In 'n woordverwerker druk jy gewoonlik slegs een keer op ENTER tussen paragrawe. Die paragrawe is 'n enkele reël, maar die woordverwerker wikkel hulle.

In HTML, wil jy ENTER twee keer tussen paragrawe tref . As u CMS outomaties

tags byvoeg, verwag dit waarskynlik 'n leë lyn.

HTML lyn breek is anders

In die blaaier het paragrawe ruimte tussen hulle. Wat as jy net 'n lyn wil beëindig sonder om 'n spasie voor die volgende lyn te hê? Geen probleem. Daar is 'n lyn breek tag.