Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - CZERWIEC 2021 (test 2)



PYTANIE NR 38.
Który znacznik HTML pozwala sformatować wskazany tekst za pomocą podświetlenia na stronie internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <mark> służy do semantycznego "zaznaczenia" (podświetlenia) fragmentu tekstu, np. dopasowania w wynikach wyszukiwania. <sub> tworzy indeks dolny, <ins> oznacza wstawiony tekst (np. po zmianach), a <small> zmniejsza rozmiar czcionki.

Pełne wyjaśnienie:

Poprawna odpowiedź to <mark>, ponieważ ten znacznik jest przeznaczony do podświetlenia (wyróżnienia) fragmentu tekstu jako szczególnie istotnego w danym kontekście. Typowy przykład to zaznaczenie słów w wynikach wyszukiwania, wskazanie fragmentu cytatu lub miejsca, na które użytkownik powinien zwrócić uwagę.

Pozostałe znaczniki pełnią inne funkcje:

  • <sub> służy do zapisu indeksu dolnego (np. wzory chemiczne lub matematyczne). Zmienia położenie znaków w linii tekstu, ale nie oznacza "podświetlenia".
  • <ins> oznacza treść wstawioną do dokumentu, często używaną przy prezentacji różnic (zmian) w tekście. Przeglądarka może domyślnie ją podkreślać, jednak celem znacznika jest informacja o edycji, a nie highlight.
  • <small> reprezentuje "drobny druk" lub mniej istotne informacje (np. przypisy, adnotacje). Zwykle zmniejsza rozmiar fontu, ale nie jest to podświetlenie.

W praktyce projektowej (grafika i multimedia) warto pamiętać, że użycie właściwego znacznika poprawia semantykę HTML, czytelność kodu oraz ułatwia stylowanie CSS (np. spójny kolor podświetlenia) i dostępność treści.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest znacznik <mark> w HTML?
Znacznik <mark> służy do semantycznego wyróżnienia (podświetlenia) fragmentu tekstu, który jest istotny w danym kontekście, np. jako dopasowanie w wynikach wyszukiwania. Domyślne style przeglądarki często nadają mu żółte tło, ale wygląd można zmienić w CSS.
Dlaczego <mark> jest lepszy niż robienie tła w <span>?
<mark> niesie znaczenie (semantykę): informuje, że tekst jest "zaznaczony" jako ważny. <span> jest neutralny semantycznie i służy głównie do stylowania. W projektach multimedialnych poprawna semantyka ułatwia utrzymanie kodu, dostępność i automatyczne przetwarzanie treści.
Czy <mark> zawsze musi być żółte?
Nie. Żółte tło to tylko typowy domyślny styl przeglądarki. Wygląd <mark> możesz w pełni kontrolować w CSS, np. zmienić kolor tła, kolor tekstu, dodać zaokrąglenia lub animację. Ważne, by zachować czytelny kontrast i spójność z projektem.
Co oznacza znacznik <ins> i kiedy się go używa?
<ins> oznacza tekst wstawiony do dokumentu, często w kontekście wersjonowania lub prezentacji zmian (np. korekta treści). Przeglądarki zwykle renderują go jako podkreślony, ale jego celem nie jest podświetlenie "highlight", tylko informacja o modyfikacji treści.
Jakie jest zastosowanie <sub> w praktyce?
<sub> tworzy indeks dolny, przydatny np. w zapisie wzorów (H2O) i notacji matematycznej. To narzędzie typograficzne do położenia znaków poniżej linii tekstu, a nie do wyróżniania fragmentów przez podświetlenie tłem.
Do czego służy znacznik <small> w HTML?
<small> służy do oznaczania "drobnego druku" lub informacji pobocznych (np. przypisy, adnotacje, zastrzeżenia). Zwykle zmniejsza rozmiar tekstu, ale nie jest to narzędzie do podświetlania. W projektach stron może wspierać hierarchię informacji i czytelność layoutu.
Czy można zagnieżdżać <mark> w innych znacznikach tekstowych?
Tak, zwykle można umieszczać <mark> wewnątrz elementów akapitowych i tekstowych, jeśli ma to sens dla treści (np. wewnątrz <p> czy nagłówków). Trzeba jednak unikać "przesadnego" oznaczania całych bloków, bo traci się znaczenie wyróżnienia.
Jak zrobić podświetlenie fraz wyszukiwania na stronie?
Częstą praktyką jest owinięcie znalezionych fragmentów tekstu w <mark>. Następnie w CSS ustalasz spójny styl (kolor tła, kontrast). Logika wyszukiwania może działać w JavaScript lub po stronie serwera, ale sam efekt semantycznego zaznaczenia realizuje właśnie <mark>.
Jakie błędy najczęściej popełnia się przy doborze znaczników do tekstu?
Typowy błąd to wybór znacznika po wyglądzie zamiast po znaczeniu: np. użycie <ins> "bo jest podkreślone", choć nie oznacza highlight. Inny błąd to nadużywanie neutralnego <span> zamiast semantycznych elementów. Na egzaminie porównuj funkcję znacznika z celem w treści.
Jak odróżnić znaczniki semantyczne od czysto prezentacyjnych w HTML?
Znacznik semantyczny opisuje rolę fragmentu treści (np. <mark> = zaznaczenie ważnego fragmentu), a wygląd jest wtórny i da się go zmienić CSS. Podejście prezentacyjne skupia się tylko na efekcie wizualnym. W przygotowaniu do egzaminu ucz się "po co" jest znacznik, nie "jak wygląda" domyślnie.
info

Około 81% zdających odpowiada poprawnie na to pytanie. średnio łatwe

W praktyce zawodowej kluczowe jest to, że znacznik &lt;mark&gt; służy do semantycznego "zaznaczenia" (podświetlenia) fragmentu tekstu, np. dopasowania w wynikach wyszukiwania.

Źródła:

  • WHATWG HTML Living Standard — sekcja "The mark element" https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-mark-element (dostęp: 2026-03-04)
  • MDN Web Docs — "&lt;mark&gt;: The Mark Text element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark (dostęp: 2026-03-04)
  • W3C Recommendation — HTML 5.2, sekcja 4.5.19 "The mark element" https://www.w3.org/TR/html52/textlevel-semantics.html#the-mark-element (dostęp: 2026-03-04)

Materiały:

  • Dokumentacja MDN: element HTML &lt;mark&gt; (opis i przykłady)
  • WHATWG HTML Living Standard: sekcja poświęcona elementom tekstowym, w tym &lt;mark&gt;
  • Ćwiczenia praktyczne: zbudowanie fragmentu strony z kilkoma znacznikami tekstowymi i porównanie ich działania w przeglądarce
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego