KWALIFIKACJA INF3 - CZERWIEC 2021

PYTANIE NR 27.
Znaczniki HTML <strong> oraz <em> służące do podkreślenia ważności tekstu, pod względem formatowania są odpowiednikami znaczników
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znaczniki <strong> i <em> są semantyczne (oznaczają odpowiednio ważność i akcent), ale domyślnie przeglądarki zwykle wyświetlają je jak pogrubienie i kursywę. Prezentacyjnymi odpowiednikami takiego wyglądu są <b> oraz <i>.

Pełne wyjaśnienie:

Znaczniki <strong> oraz <em> służą do semantycznego wyróżnienia tekstu: pierwszy sygnalizuje większą ważność, a drugi akcent (nacisk) w zdaniu. W praktyce ma to znaczenie nie tylko wizualne, ale też dla dostępności i interpretacji treści przez narzędzia (np. czytniki ekranu).

Jeśli jednak pytanie rozpatruje je pod względem formatowania, to chodzi o typową, domyślną prezentację w przeglądarce (tzw. style user agent). Domyślnie <strong> wygląda jak pogrubienie, a <em> jak kursywa, czyli analogicznie do znaczników <b> (bold) oraz <i> (italic). Dlatego odpowiedź "<b> oraz <i>" jest właściwa w sensie wizualnego odpowiednika.

Dlaczego pozostałe propozycje są błędne?

  • "<u> oraz <sup>" dotyczy podkreślenia i indeksu górnego, czyli innych efektów typograficznych niż pogrubienie i kursywa.
  • "<i> oraz <mark>" łączy kursywę z podświetleniem (zaznaczeniem markerem), co nie odpowiada parze <strong>/<em>.
  • "<b> oraz <u>" miesza pogrubienie z podkreśleniem; <em> nie jest domyślnie podkreśleniem.

Wskazówka egzaminacyjna: zapamiętaj rozdział ról: <strong>/<em> mówią "co to znaczy", a wygląd zwykle wynika z CSS. <b>/<i> częściej opisują "jak to wygląda" (typograficznie), choć i je można stylować.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
<strong> informuje, że dany fragment ma większą ważność w treści (semantyka). Domyślnie przeglądarki często renderują go jako pogrubienie, ale wygląd można zmienić w CSS, zachowując znaczenie elementu.
<em> oznacza akcent (nacisk) w zdaniu, czyli zmianę znaczenia poprzez podkreślenie wymowy. Domyślnie bywa wyświetlany kursywą, ale kluczowe jest znaczenie semantyczne, istotne także dla dostępności.
<strong> to semantyka: "to jest ważne". <b> to głównie efekt typograficzny: "zwróć uwagę wizualnie". W nowoczesnym HTML wyróżnienia semantyczne warto robić <strong>, a styl dopasować CSS.
<em> niesie znaczenie (akcent w wypowiedzi), a <i> jest zwykle idiomatycznym wyróżnieniem typograficznym (np. tytuł, termin). Oba mogą wyglądać podobnie (kursywa), ale ich przeznaczenie w treści jest inne.
To efekt domyślnych stylów przeglądarki (user agent stylesheet). Typowo <strong> jest renderowany jak pogrubienie, a <em> jak kursywa. Nie jest to jednak "twarda reguła HTML" — CSS może zmienić wygląd dowolnego elementu.
Tak. W CSS możesz nadpisać styl, np. zmienić wagę czcionki, kolor lub dodać obramowanie. Najważniejsze: nawet gdy <strong> nie jest pogrubione, nadal oznacza ważność, co pomaga w semantyce i dostępności treści.
Nie. <u> oznacza podkreślenie (wizualnie), a nie akcent semantyczny. Podkreślenie bywa mylące (często kojarzy się z linkami). Jeśli chcesz akcentu znaczeniowego, użyj <em>; wygląd ustaw CSS.
<mark> służy do "podświetlenia" fragmentu jako istotnego w danym kontekście (np. wyniki wyszukiwania), a nie do akcentu w wypowiedzi. <em> zmienia nacisk znaczeniowy zdania; <mark> raczej wizualnie zaznacza treść.
Szukaj słów typu "ważność", "akcent", "znaczenie", "semantyka" — wtedy pasują <strong> i <em>. Gdy pytanie mówi o "formatowaniu" lub "wyglądzie", często oczekuje odpowiedników typograficznych (<b> i <i>), ale pamiętaj o roli CSS.
Najczęściej myli się znaczenie z wyglądem: wybiera się <u> (bo "podkreśla") albo miesza <mark> z akcentem. Drugi błąd to ignorowanie semantyki: używanie <b>/<i> tam, gdzie chodzi o ważność i nacisk w treści.
info

Około 55% zdających odpowiada poprawnie na to pytanie. średnie

Specjaliści zwracają uwagę: "Znaczniki &lt;strong&gt; i &lt;em&gt; są semantyczne (oznaczają odpowiednio ważność i akcent), ale domyślnie przeglądarki zwykle wyświetlają je jak pogrubienie i kursywę."

Źródła:

  • MDN Web Docs: "&lt;strong&gt;: The Strong Importance element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;em&gt;: The Emphasis element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;b&gt;: The Bring Attention To element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN: elementy &lt;strong&gt;, &lt;em&gt;, &lt;b&gt;, &lt;i&gt;
  • Specyfikacja HTML (sekcje o elementach tekstowych i ich znaczeniu)
  • Materiały o dostępności (a11y) dotyczące semantyki HTML

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego