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

Nauka, Technika, MatematykaJun 23, 2021

Jeśli chodzi o naukę języka HTML, dwa znaczniki, których większość ludzi uczy się na wczesnym etapie, to znaczniki akapitu i podziału wiersza, które są 

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

Prawidłowe użycie elementu akapitu HTML

Element akapitu

jest używany jako para znaczników z 

 tag otwierający element i 

 tag zamykający go. W pisaniu HTML4 lub HTML5, tag końcowy nie jest technicznie wymagany, ale najlepiej jest zamknąć ten tag. W XHTML zamykający jest wymagane.

Używasz elementu akapitu w witrynie w taki sam sposób, jak podczas pisania treści na potrzeby poza siecią — gdy 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.
instagram viewer

Wiele innych znaczników może pojawić się pomiędzy otwierającym i zamykającym znacznikiem akapitu.

Prawidłowe użycie elementu łamania wiersza HTML HTML

Element łamania linii
tag jest pojedynczy tagton — nie ma znacznika końcowego. W XHTML musisz użyć tagu z końcowym ukośnikiem (
), ale w HTML (w tym HTML5) nie jest to wymagane.

Element break to wymuszony podział wiersza w przepływie tekstu na stronie internetowej. Używasz go, gdy chcesz, aby tekst był kontynuowany w następnym wierszu, ale treść nie jest osobnym pomysłem ani punktem, co czyniłoby go kolejnym akapitem. Przykładem tego jest poezja, w której łamanie wierszy jest zwykle ustalone.

Oto przykład podziału wiersza w akapicie: 

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 wiersza jest znacznikiem pojedynczym, nie można w nim używać innych znaczników.

Częste nadużycia

i
Tagi

Osoby, które dopiero zaczynają kodować, popełniają kilka typowych błędów związanych z elementami podziału akapitu i wiersza podczas oznaczania strony internetowej.

  • Za pomocą
    zmienić długość wiersza tekstu    : Użycie znacznika przerwania w celu wymuszenia pojawienia się lub przerwania tekstu w określony sposób zapewnia, że Twoje strony wyglądają świetnie w Twojej przeglądarce, ale niekoniecznie w innej przeglądarce, a na pewno nie we wszystkich urządzenia. Jeśli Twoja witryna jest responsywna strona internetowa, zmienia swój układ na podstawie różnych rozmiarów ekranu. Przeglądarka automatycznie wstawia zawijanie słów, a następnie, jeśli chodzi o
    tag, ponownie zawija tekst, co skutkuje krótkimi i długimi liniami oraz nierównym tekstem. Powinieneś użyć Arkusze stylów CSS dyktować style wizualne zamiast próbować wymusić układ poprzez dodawanie określonych elementów HTML.
  • Za pomocą dodać przestrzeń między elementami: Po raz kolejny zwracamy się do HTML, aby stworzyć wizualny układ, w tym przypadku odstępy, zamiast używać CSS. Jest to powszechna praktyka niektórych edytorów HTML i chociaż nie jest technicznie niepoprawna, skutkuje nieporęcznym wyglądem kodu HTML, a późniejsza edycja może być myląca. Nie jest to również zgodne ze standardami sieciowymi oraz separacją struktury i stylu. W niektórych przypadkach używanie niełamliwego spacje wewnątrz, w przeciwnym razie, puste znaczniki akapitu mogą powodować nieoczekiwane odstępy w różnych przeglądarkach, ponieważ wszystkie one interpretują to inaczej. Najlepszym rozwiązaniem, aby uzyskać odstępy między elementami potrzebnymi w projekcie, jest użycie arkuszy stylów.
instagram story viewer