Pisz w HTML: akapity i odstępy

Sydney Roberts/Digital Vision/Getty Images

Nauczyłeś się więc podstawowych pojęć HTML i kilku podstawowych znaczników HTML i postanowiłeś je wkleić HTML do systemu CMS. Niestety twój artykuł zbiegł się w całość. Wszystko w jednym akapicie! Co się stało?

Nie panikować. Dowiedz się, jak Twoja przeglądarka interpretuje łamanie wierszy, a naprawisz to szybko… a przynajmniej po prostu.

Przeglądarki ignorują większość białej przestrzeni

HTML polega na oznaczaniu zwykłego tekstu. Kiedyś tekst był na pergaminie, zwykły tekst splatał się w gigantyczne bloki. Dzisiaj dzielimy tekst na akapity .

Możesz nie myśleć dużo o akapitach. Po prostu się zdarzają. Naciskasz ENTER i to wszystko.

Ale HTML jest inny. Przeglądarka stara się odfiltrować informacje, które nie wydają się ważne. Musisz zrozumieć, jak to działa, aby się nie pomylić.

Załóżmy, że wpisujesz całą masę spacji:

Twoja prozaiczna przeglądarka poda to ostre tłumaczenie:

mam ochotę m.in. cummingi

Nie jesteśmy już w Wordzie, Toto. Przeglądarki zignoruj ​​dodatkowe odstępy . Redukują wiele przestrzeni do jednej przestrzeni.

Przeglądarki również będą zignoruj ​​swoje podziały wierszy .

Twoja przeglądarka sprawia, że:

mam ochotę m.in. Cummings, ale i tak wszyscy nienawidzą C A P I T A L S online.

Jeśli pochodzisz ze świata edytorów tekstu, to zachowanie może być zaskakujące. Właściwie daje to dużą swobodę.

Paragrafy

Ale prawdopodobnie nadal chcesz akapity. Tutaj są:

|_+_|

oraz

Przyjrzyj się uważnie

|_+_|

oraz

tagi, a następnie zobacz, co robi przeglądarka.
To jest akapit. To kolejny akapit, mimo że znajduje się w tym samym wierszu. I chociaż właśnie wprowadziłem dwa podziały wiersza, to nadal jest to część akapitu drugiego. Teraz zamknę akapit drugi.

Widzieć? Przeglądarka naprawdę całkowicie ignoruje podziały wierszy. Dba tylko o tagi.

Normalnie, oczywiście, rozsądnym wyborem jest dopasowanie akapitów z podziałami wierszy:

Ale łamania linii są tylko dla Ciebie. Przeglądarka je ignoruje.

Dodanie kilku

tagi mogą być żmudne. Dodanie tu i tam kursywy to jedno. Innym jest konieczność dodawania tagów za każdym razem, gdy zaczynasz nowy akapit.
Ale poczekaj! Jest nadzieja! Nie uciekaj z krzykiem do swojego edytora tekstu.

Twój CMS może szanować Twoje puste linie

Na szczęście niektóre systemy CMS są zaprojektowane tak, aby: wstawiaj znaczniki akapitów automatycznie dla ciebie, za kulisami. Możesz po prostu wstawić pusta linia między akapitami, a CMS zajmie się resztą.

Jeśli Twój system CMS ma tę funkcję, otrzymasz:

To jest akapit. Brak tagów! A oto inne ustęp.

Dlaczego to działa? Zanim CMS wypluje Twój artykuł jako Strona internetowa , dodaje niezbędne

Tagi.
Twój CMS prawdopodobnie zrobi to automatycznie. Jeśli tak się nie stanie, możesz włączyć tę funkcję.

Naciśnij ENTER dwa razy, aby uzyskać akapit

W edytorze tekstu zwykle naciskasz ENTER tylko raz między akapitami. Paragrafy są jednym wierszem, ale edytor tekstu je zawija.

W HTML chcesz naciśnij ENTER dwa razy między akapitami . Jeśli Twój CMS dodaje

tagi automatycznie, prawdopodobnie oczekuje pustej linii.