Napisz w HTML - akapity i odstępy

Nauczyłeś się podstawowych pojęć HTML i kilku podstawowych znaczników HTML, zdecydowałeś się wkleić trochę kodu HTML do swojego CMS-a. Niestety twój artykuł zbiegł się. Wszystko jest jednym akapitem! Co się stało?

Nie panikuj. Dowiedz się, jak przeglądarka interpretuje podziały wierszy, a naprawisz to szybko … a przynajmniej po prostu.

Przeglądarki ignorują większość białych spacji

HTML polega na zaznaczaniu zwykłego tekstu. Kiedy tekst był na pergaminie, zwykły tekst biegał razem w gigantycznych blokach. Dzisiaj łamiemy tekst akapity .

Możesz nie myśleć dużo o akapitach. Po prostu się wydarzyły. Wciśnij ENTER, i to jest to.

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

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

Czuję się jak e.e. cummings

Twoja prozaiczna przeglądarka sprawi, że ta wyraźna wersja:

Czuję się jak e.e. cummings

Nie jesteśmy już w Word, Toto. Przeglądarki zignoruj ​​dodatkowe odstępy. Zmniejszają one wiele spacji do pojedynczej przestrzeni.

Przeglądarki również zignoruj ​​przerwy w linii.

Czuję się jak e.e. Cummings, ale wszyscy tak czy inaczej nienawidzą C online.

Twoja przeglądarka to robi:

Czuję się jak e.e. Cummings, ale wszyscy tak czy inaczej nienawidzą C online.

Jeśli pochodzisz ze świata procesorów tekstu, to zachowanie może być zaskakujące. W rzeczywistości daje dużą swobodę.

Akapity

Ale prawdopodobnie nadal chcesz akapity. Tutaj są:

i

To jest akapit.

To jest kolejny akapit, mimo że jest na tej samej linii. I chociaż właśnie wprowadziłem dwie linie podziału, jest to nadal część drugiego akapitu. Teraz zamknę akapit drugi.

Przyjrzyj się uważnie

i tagi, a następnie zobacz, co robi przeglądarka. To jest akapit. To jest kolejny akapit, mimo że jest na tej samej linii. I chociaż właśnie wprowadziłem dwie linie podziału, jest to nadal część drugiego akapitu. Teraz zamknę akapit drugi.

Widzieć? Przeglądarka naprawdę całkowicie ignoruje przerwy w linii. Dba tylko o tagi.

Zazwyczaj rozsądnym wyborem jest dopasowanie akapitów do linii podziału:

To jest akapit.

To jest kolejny akapit.

Ale przerwy w linii są tylko dla ciebie. Przeglądarka ignoruje je.

Dodając kilka

tagi mogą być uciążliwe. Jedną rzeczą jest dodać kursywę tu i tam. Innym zadaniem jest dodawanie tagów za każdym razem, gdy rozpoczynasz nowy akapit.

Ale poczekaj! Jest nadzieja! Nie biegnij krzycząc z powrotem do edytora tekstu.

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

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

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

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

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

Dlaczego to działa? Zanim CMS wypisze twój artykuł jako stronę internetową, dodaje niezbędne

tagi.

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

Naciśnij ENTER dwa razy, aby otrzymać akapit

W edytorze tekstu zwykle wciskasz ENTER tylko raz między akapitami. Punkty są pojedynczą linią, ale procesor tekstu otacza je.

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

tagi automatycznie, prawdopodobnie oczekuje pustej linii.