Psát v HTML: odstavce a mezery

Nebo: Proč se můj HTML celý spouští jako starý svitek?

Takže jste se naučili základní HTML koncepty a některé základní HTML tagy a rozhodli jste se vložit HTML do vašeho CMS . Bohužel váš článek běžel společně. Vše je jeden odstavec! Co se stalo?

Nestákejte se. Pochopte, jak váš prohlížeč interpretuje přestávky v řádku, a vyřešíte to rychle ... nebo alespoň jednoduše.

Prohlížeče ignorují většinu bílého místa

HTML je o označování obyčejného textu. Zpět, když byl text na parchmentku, běžný text běžel společně v obřích blocích. Dnes rozkládáme text do odstavců .

Možná nemyslíte na odstavce. Jen se to stalo. Stisknete tlačítko ENTER a to je vše.

Ale HTML je jiný. Prohlížeč se snaží vyřešit informace, které se nezdá důležité. Musíte pochopit, jak to funguje, abyste se nezaměňovali.

Předpokládejme, že zadáte celou řadu prostorů:

Mám pocit, jako byste si kupovali

Prozaický prohlížeč vám poskytne toto ostré zobrazení:

Mám pocit, jako byste si kupovali

Už nejsme ve Slově, Toto. Prohlížeče ignorují další mezery . Omezují více prostorů na jediný prostor.

Prohlížeče budou také ignorovat přerušení řádků .

Mám pocit, že je to kupříkladu, ale každý stejně nenávidí společnost CAPITALS online.

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

Mám pocit, že je to kupříkladu, ale každý stejně nenávidí společnost CAPITALS online.

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

Odstavce

Ale pravděpodobně budete chtít odstavce. Zde jsou:

a .

Jedná se o odstavec.

Jedná se o jiný odstavec, i když je na stejném řádku. A přestože jsem právě vstoupil do dvou linek, je to ještě část druhého odstavce. Teď uzavřem druhý odstavec.

Podívejte se opatrně na tagy

a a pak se podívejte, co dělá prohlížeč.

Toto je odstavec. To je další odstavec, i když je na stejném řádku. A přestože jsem právě vstoupil do dvou linek, je to ještě část druhého odstavce. Teď uzavřem druhý odstavec.

Vidět? Prohlížeč opravdu zcela ignoruje vaše linky. Zajímá jen o značky.

Obvykle je samozřejmě normální volbou, aby odpovídal vašim odstavcům s řádkovými přestávkami:

Jedná se o odstavec.

Toto je další odstavec.

Zlomky linek jsou však jen pro vás. Prohlížeč je ignoruje.

Přidání spousty značek

může být únavné. Jednou věcí je přidat sem a tam kurzíva. Je další, že při každém spuštění nového odstavce musíte přidávat značky.

Ale počkej! Je tu naděje! Nespěchejte zpět do textového editoru.

Vaše CMS může respektovat vaše prázdné čáry

Naštěstí některé CMS jsou navrženy tak, aby automaticky vložily značky odstavců pro vás za zákulisí. Jednoduše vložte mezi odstavce prázdný řádek a CMS zbytek.

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

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

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

Proč to funguje? Než CMS spustí váš článek jako webovou stránku , přidá potřebné značky

.

Vaše CMS to pravděpodobně udělá automaticky. Pokud tomu tak není, můžete tuto funkci zapnout.

Stiskněte ENTER dvakrát pro odstavce

V textovém editoru obvykle stisknete ENTER pouze jednou mezi odstavci. Odstavec je jeden řádek, ale textový procesor je obtéká.

V jazyce HTML se dvakrát poklepete mezi odstavce . Pokud váš systém CMS automaticky přidá značky

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

Zkrácení řádku HTML se liší

V prohlížeči mají odstavce mezery mezi nimi. Co kdybyste chtěli ukončit linii, aniž byste měli před dalším řádkem místo? Žádný problém. K dispozici je značka přerušení řádku.