Wskaż prawidłowy zapis dotyczący tworzenia akapitu tekstu w języku HTML.
A.
<p>Pierwszy akapit.</p> <p>Drugi akapit.</p>
B.
</p>Pierwszy akapit.</p> </p>Drugi akapit.</p>
C.
<p>Pierwszy akapit. <p>Drugi akapit.</p></p>
D.
<p>Pierwszy akapit .<p> <p>Drugi akapit.<p>
Pytanie z egzaminu CKE, czerwiec 2020 (arkusz AU.28-SG-20.06).
W tym zapisie każdy akapit jest utworzony poprawnie: zaczyna się znacznikiem otwierającym <p>, zawiera treść tekstową, a potem jest zamykany znacznikiem </p>. Tak właśnie powinno się oznaczać akapity w HTML, zgodnie ze standardem HTML i dobrymi praktykami kodowania stron WWW. Element p jest elementem blokowym przeznaczonym do grupowania fragmentów tekstu, np. opisów produktów, wstępów artykułów, notatek na stronie szkoły czy krótkich komunikatów. Dwa osobne akapity powinny być zapisane jako dwa osobne elementy <p>...</p>, bo wtedy przeglądarka i style CSS mogą je poprawnie rozpoznać, ostylować i odseparować marginesami. Moim zdaniem warto od początku pilnować zamykania znaczników, nawet jeśli część przeglądarek próbuje naprawiać błędy automatycznie. W praktyce czysty kod HTML jest łatwiejszy do czytania, walidowania i późniejszej edycji, szczególnie gdy dochodzi CSS, JavaScript albo system CMS.
W akapitach HTML bardzo łatwo pomylić sam znacznik otwierający z pełną parą znaczników. Poprawny element akapitu ma postać <p>treść akapitu</p>. Samo ponowne wpisanie <p> na końcu tekstu nie zamyka akapitu, tylko rozpoczyna następny element. Przeglądarka czasem spróbuje taki kod poprawić po swojemu, ale nie jest to dobra praktyka, bo wynik może być nieczytelny i trudny do przewidzenia przy bardziej rozbudowanej stronie. Z mojego doświadczenia takie błędy potem wychodzą przy CSS, gdy marginesy albo odstępy wyglądają inaczej niż miały wyglądać.
Niepoprawne jest też zagnieżdżanie akapitów jeden w drugim, czyli sytuacja, gdy po otwarciu <p> pojawia się następny <p>, zanim pierwszy zostanie zamknięty. Element p służy do pojedynczego bloku tekstu, a nie do opakowywania kolejnych akapitów. Jeśli chcemy mieć dwa akapity, tworzymy dwa oddzielne elementy. Błędem jest również zaczynanie tekstu od </p>, bo jest to znacznik zamykający i nie powinien pojawiać się przed znacznikiem otwierającym. To trochę jak zamykanie drzwi, których jeszcze nie otwarto. W poprawnym, semantycznym HTML kolejność ma znaczenie: najpierw <p>, potem treść, na końcu </p>. Taki zapis jest zgodny ze standardami, bardziej czytelny dla edytora kodu, walidatora, przeglądarki oraz technologii wspomagających, na przykład czytników ekranu.
Niepoprawne jest też zagnieżdżanie akapitów jeden w drugim, czyli sytuacja, gdy po otwarciu <p> pojawia się następny <p>, zanim pierwszy zostanie zamknięty. Element p służy do pojedynczego bloku tekstu, a nie do opakowywania kolejnych akapitów. Jeśli chcemy mieć dwa akapity, tworzymy dwa oddzielne elementy. Błędem jest również zaczynanie tekstu od </p>, bo jest to znacznik zamykający i nie powinien pojawiać się przed znacznikiem otwierającym. To trochę jak zamykanie drzwi, których jeszcze nie otwarto. W poprawnym, semantycznym HTML kolejność ma znaczenie: najpierw <p>, potem treść, na końcu </p>. Taki zapis jest zgodny ze standardami, bardziej czytelny dla edytora kodu, walidatora, przeglądarki oraz technologii wspomagających, na przykład czytników ekranu.