Jak definovat odstavce a mezery v HTML

Naučili jste se tedy základní pojmy HTML a některé základní značky HTML a rozhodli jste se je vložit HTML do vašeho CMS. Váš článek bohužel běžel společně. Všechno je jeden odstavec! Co se stalo?

Nepropadejte panice. Pochopte, jak vaše prohlížeč interpretuje konce řádků a vy to napravíte rychle… nebo alespoň jednoduše.

Prohlížeče ignorují většinu mezer

HTML je o označování běžného textu. Když byl text na pergamenu, běžný text běžel společně v obřích blocích. Dnes rozdělujeme text na odstavce.

O odstavcích možná moc nepřemýšlíte. Prostě se staly. Stiskněte klávesu ENTER a to je vše.

Ale HTML je jiný. Prohlížeč se velmi snaží odfiltrovat informace, které se nezdají být důležité. Musíte pochopit, jak to funguje, abyste se nenechali zmást.

Předpokládejme, že napíšete celou hromadu mezer:

Váš prozaický prohlížeč poskytne toto ostré ztvárnění:

Cítím se jako e.e. cummings.

Už nejsme ve Wordu, Toto. Prohlížeče ignorovat zvláštní mezery. Redukují více mezer na jeden prostor.

Prohlížeče také ignorovat vaše konce řádků.

instagram viewer

Váš prohlížeč to dělá takto:

Cítím se jako e.e. cummings, ale každý stejně nenávidí C A P I T A L S online.

Pokud pocházíte ze světa textových procesorů, může být toto chování překvapivé. Ve skutečnosti vám dává velkou svobodu.

Odstavce

Ale pravděpodobně stále chcete odstavce. Zde jsou:


a

Podívejte se pozorně na.


a

značky, pak se podívejte, co dělá prohlížeč.
Toto je odstavec. Toto je další odstavec, i když je na stejném řádku. A přestože jsem právě zadal dvě zalomení řádku, je to stále část odstavce dva. Nyní uzavřu odstavec dva.

Vidět? Prohlížeč opravdu ignoruje vaše konce řádků. Záleží jen na značkách.

Normálně je samozřejmě rozumnou volbou sladit odstavce se zalomením řádků:

Konce řádků jsou ale pouze pro vás. Prohlížeč je ignoruje.

Přidávám spoustu.

značky mohou být zdlouhavé. Jedna věc je přidat sem a tam kurzívu. Další věcí je přidávání značek pokaždé, když vytvoříte nový odstavec.
Ale počkej! Je tu naděje! Nespouštějte křik zpět do svého textového procesoru.

Váš CMS může respektovat vaše prázdné řádky

Naštěstí jsou některé CMS navrženy pro vkládat značky odstavců automaticky pro vás, v zákulisí. Můžete jednoduše vložit a Prázdný řádek mezi odstavci a CMS se postará o zbytek.

Pokud váš CMS tuto funkci má, získáte:

Toto je odstavec. Žádné značky! A tady je. další odstavec.

Proč to funguje? Než CMS vyplivne váš článek jako webová stránka, přidává nezbytné.

značky.
Váš CMS to pravděpodobně provede automaticky. Pokud se tak nestane, můžete tuto funkci zapnout.

Stiskněte dvakrát ENTER pro odstavec

V textovém editoru obvykle stisknete klávesu ENTER pouze jednou mezi odstavci. Odstavce jsou jeden řádek, ale textový procesor je zalomí.

V HTML chcete stiskněte dvakrát ENTER mezi odstavci. Pokud váš CMS přidá.

tagy automaticky, pravděpodobně očekává prázdný řádek.

instagram story viewer