Paragrafy <p> czy podwójne <br>?

Akapit (paragraf, ustęp) tekstu, to znacznik <p> (od ang. paragraph). Znacznik <p> w prosty i skuteczny sposób pozwala stworzyć pożądany podział dłuższego tekstu na łatwiejsze do strawienia akapity:

<p>Czy pan wie, jaka jest matematycznie obliczona szansa dowolnej kupki materii
w kosmosie, że zostanie wciągnięta w obręb procesów życiowych, choćby jako liść,
kiełbasa albo woda, którą wypije żywy stwór?</p>

<p>Jako garść powietrza, którym odetchnie? Kosmos jest bezbrzeżnie martwy
Jedna cząstka na kwadrylion może wniknąć w koło życia, w obieg narodzin i gnić
– jakaż to rzadkość niesłychana!</p>

Ludzie stawiający swoje pierwsze kroki w HTML (siłą przyzwyczajenia z edytorów tekstowych) bardzo często zamiast stosować akapity tekstu, wstawiają co kilka zdań podwójne znaczniki <br><br>, które również tworzą wizualne wrażenie istnienia akapitu:

Czy pan wie, jaka jest matematycznie obliczona szansa dowolnej kupki materii
w kosmosie, że zostanie wciągnięta w obręb procesów życiowych, choćby jako liść,
kiełbasa albo woda, którą wypije żywy stwór?
<br><br>
Jako garść powietrza, którym odetchnie? Kosmos jest bezbrzeżnie martwy.
Jedna cząstka na kwadrylion może wniknąć w koło życia, w obieg narodzin i gnić
– jakaż to rzadkość niesłychana!

Tag <br> (od ang. break = złamanie linii) to w HTML odpowiednik naciśnięcia klawisza Enter na klawiaturze. Zaś dwa złamania linii, jeden po drugim, siłą rzeczy stworzą przerwę w tekście, która zachowa się podobnie jak akapit. Jednakże znacznik <p> jest dużo lepszy do tego celu, bo łatwiej stylizuje się dzięki niemu wewnętrzny tekst akapitu w CSS, z użyciem chociażby klasy, na wzór: <p class="nazwaklasy"></p>.

Znaczników <br> wygodnie wystylizować nie sposób, gdyż stanowią po prostu złamanie linii. Paragraf to już co innego – możemy powiedzieć: odtąd dotąd tekst ma wyglądać następująco, ustawić w klasie justowanie, krój, rozmiar i kolor czcionki w CSS. W kontekście SEO również paragrafy spisują się lepiej niż <br><br>, gdyż lepiej oddają robotowi budowę witryny.

Znacznika <br> można używać, ale wewnątrz paragrafu, żeby na przykład złamać linię gdy jest to rzeczywiście jest potrzebne. I rzeczywiście czasami jest - na przykład gdy publikujemy poezję (tam złamanie linii kończy wers wiersza):

<p>Wiatr drzewa spienia. Ziemia dojrzała.<br>
Kłosy brzuch ciężki w gorę unoszą<br>
i tylko chmury - palcom czy włosom<br>
podobne - suną drapieżnie w mrok.<br>
Ziemia owoców pełna po brzegi<br>
kipi sytością jak wielka misa.<br>
Tylko ze świerków na polu zwisa<br>
głowa obcięta strasząc jak krzyk.<br>
Kwiaty to krople miodu - tryskają<br>
ściśnięte ziemią, co tak nabrzmiała,<br>
pod tym jak korzeń skręcone ciała,<br>
żywcem wtłoczone pod ciemny strop.<br>
Ogromne nieba suną z warkotem.<br>
Ludzie w snach ciężkich jak w klatkach<br>
krzyczą.</p>

Zatem reasumując: jeżeli dwa fragmenty tekstu tworzą osobne wątki myślowe czy informacyjne, to umieśćmy je w osobnych paragrafach (dla wygody czytającego). Pełne docenienie paragrafów przyjdzie z czasem, kiedy będziesz więcej atencji poświęcać semantyce kodu, jego poprawności i czystości. Dzięki doświadczeniu docenisz tę autentyczną łatwość ostylowania tekstu akapitu i naturalnie przestawisz się na tworzenie tagów <p></p> zamiast <br><br>. Miej dla siebie cierpliwość!

Zobacz także

Daj się zaskoczyć! Poniżej wylosowałem dla Ciebie pięć wpisów z innych kategorii blogowych aniżeli ta, którą właśnie przeglądasz:

Polecamy: Sekurak Academy 2024

Sekurak Academy 2024

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp do materiałów z edycji Sekurak Academy z roku 2023! Przy zakupie możecie skorzystać z kodu: pasja-akademia w koszyku, uzyskując rabat -30% na bilety w wersji "Standard" - warto korzystać! Więcej szczegółów znajdziecie tutaj.

Książka: Wprowadzenie do bezpieczeństwa IT

Wprowadzenie do bezpieczeństwa IT

Niedawno wystartował dodruk świetnej, rozchwytywanej książki pt. "Wprowadzenie do bezpieczeństwa IT, Tom I" (około 940 stron). Mamy dla Was kod: pasja (wpisz go w koszyku), dzięki któremu otrzymacie 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla naszych Widzów! Jest to pierwszy tom serii o ITsec, który wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

Pomóż dzieciom

Polska Akcja Humanitarna od wielu lat dożywia dzieci. Proszę, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękuję!

Komentarze

Disqus

Kategorie wpisów

Oto polecana książka warta Waszej uwagi.
Pełna lista polecanych książek jest tutaj.

Uwaga - w dniach od 06.02.2024 do 15.02.2024 trwa w Helion.pl walentynkowa akcja promocyjna "Pokochaj kodowanie!" - otrzymujemy drugą książkę gratis albo -35% na jedną książkę drukowaną oraz -40% na ebooka. Zobacz promocję walentynkową tutaj.

Bądź na bieżąco
Pasja informatyki