Jak zdefiniować akapity i odstępy w HTML

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 panikuj. Zrozum, w jaki sposób 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.

instagram viewer

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ą:


i

Przyjrzyj się uważnie.


i

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.

instagram story viewer