Tworzenie podziałów i akapitów za pomocą znaczników P & BR

Jeśli chodzi o uczenie się HTML, dwa znaczniki, których większość ludzi uczy się na początku, to znaczniki podziału akapitu i wiersza

i
odpowiednio. Te tagi umieszczają naturalne przerwy w tekście, dzięki czemu treść Twojej strony jest łatwiejsza do odczytania. Chociaż te znaczniki są dość łatwe w użyciu, mogą również powodować zamieszanie i być niewłaściwie używane.

Prawidłowe użycie elementu akapitu HTML

Element akapitu

jest używany jako para tagów z

tag otwierający element i

zamykający tag. Pisząc HTML4 lub HTML5, tag końcowy nie jest technicznie wymagany, ale najlepiej jest zamknąć ten tag. W XHTML: zamknięcie

jest wymagane.

Element akapitu na stronie internetowej jest używany w taki sam sposób, jak podczas pisania treści dla potrzeb poza siecią - kiedy chcesz rozpocząć nowy pomysł lub punkt. Większość przeglądarek wyświetla akapity z jedną pustą linią między nimi. Oto przykładowy akapit w HTML:

Teraz nadszedł czas, aby wszyscy dobrzy ludzie przybyli z pomocą swojemu krajowi. Szybki, brązowy lis przeskoczył nad leniwym śpiącym psem.

Wiele znaczników może pojawiać się między tagami akapitu otwierającego i zamykającego.

Prawidłowe użycie elementu podziału linii HTML

Element podziału linii
tag jest tagiem singleton - nie ma tagu końcowego. W XHTML musisz użyć tagu z ostatecznym ukośnikiem (
), ale w HTML-u (w tym HTML5) nie jest to wymagane.

Element break jest wymuszonym łamaniem linii w obrębie przepływu tekstu strony internetowej. Używa się go, gdy chcemy, aby tekst był kontynuowany w następnym wierszu, ale treść nie jest oddzielnym pomysłem lub punktem, który uczyniłby go innym paragrafem. Przykład ten występuje w poezji, w której zwykle są ustalane podziały wierszy.

Oto przykład podziału linii wewnątrz akapitu:

Teraz nadszedł czas, aby wszyscy dobrzy ludzie przybyli z pomocą swojemu krajowi.
Szybki, brązowy lis przeskoczył nad leniwym śpiącym psem.

Ponieważ znacznik końca linii jest znacznikiem singletowym, nie można w nim używać innych znaczników.

Powszechne nadużycia

i
Tagi

Osoby, które nie znają kodowania, popełniają typowe błędy z elementami akapitowymi i liniowymi podczas zaznaczania strony internetowej.

• Za pomocą
  zmienić długość linii tekstu: Użycie tagu break w celu wymuszenia wyświetlenia lub złamania tekstu w określony sposób zapewnia, że ​​strony będą wyglądać świetnie w przeglądarce, ale niekoniecznie w innej przeglądarce, a na pewno nie na wszystkich urządzeniach. Jeśli Twoja witryna jest responsywną witryną, zmienia jej układ na podstawie różnych rozmiarów ekranu. Przeglądarka automatycznie umieszcza zawijanie słów, a następnie, jeśli chodzi o
  otoczy tekst ponownie, powodując krótkie linie i długie linie oraz zmienny tekst. Powinieneś używać arkuszy stylów CSS do dyktowania stylów wizualnych, zamiast próbować wymuszać układ, dodając określone elementy HTML.
• Za pomocąaby dodać spację między elementami: Ponownie zwraca się do HTML, aby utworzyć wizualny układ, w tym przypadku odstępy, zamiast używać CSS. Jest to powszechna praktyka niektórych edytorów HTML i choć nie jest to technicznie błędne, powoduje to niezręczny wygląd HTML i może być mylące do późniejszej edycji. Nie jest to również zgodne ze standardami sieci i oddzieleniem struktury i stylu. W niektórych przypadkach użycie spacji nierozdzielających wewnątrz pustych znaczników akapitu może spowodować nieoczekiwany odstęp w różnych przeglądarkach, ponieważ wszystkie one wydają się interpretować to inaczej. Najlepszym rozwiązaniem do uzyskania elementów dystansowych potrzebnych w projekcie jest użycie arkuszy stylów.

Dowiedz się więcej o tych i innych tagach na tej liście tagów HTML.