Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2022 (test 2)



PYTANIE NR 3.
Które z podanych par znaczników HTML mają wizualnie to samo działanie na stronie internetowej, jeżeli żadne style CSS nie zostały zdefiniowane?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
<b> i <strong> są domyślnie renderowane w przeglądarkach jako pogrubienie tekstu, gdy nie dodasz własnych stylów CSS. Różnią się jednak znaczeniem: <strong> niesie semantykę ważności, a <b> jest głównie wyróżnieniem wizualnym.

Pełne wyjaśnienie:

W domyślnym renderowaniu przeglądarki (bez własnych reguł CSS) elementy <b> i <strong> zwykle wyglądają tak samo: tekst jest pogrubiony. Dlatego para "<b> i <strong>" ma wizualnie to samo działanie w typowych warunkach egzaminacyjnych.

Warto jednak pamiętać, że te elementy nie są równoważne znaczeniowo:

  • <strong> ma znaczenie semantyczne: oznacza istotność/ważność fragmentu treści, co ma znaczenie m.in. dla dostępności (np. interpretacja przez technologie asystujące) i struktury informacji.
  • <b> służy do stylistycznego wyróżnienia tekstu bez nadawania mu szczególnej ważności (semantyki).

Pozostałe pary nie mają tego samego efektu wizualnego:

  • "<b> i <big>" – pierwszy element domyślnie pogrubia, a drugi historycznie powiększał rozmiar czcionki; to inny efekt, a ponadto nie jest to dobry wybór semantyczny i może nie być wspierany/zalecany w nowoczesnych praktykach.
  • "<p> i <h2>" – akapit i nagłówek różnią się domyślnymi stylami (np. rozmiarem, marginesami, grubością) oraz znaczeniem strukturalnym dokumentu.
  • "<meta> i <title>" – są to elementy sekcji <head>: <meta> niesie metadane (zwykle niewidoczne w treści), a <title> ustawia tytuł dokumentu widoczny najczęściej na karcie/oknie przeglądarki, nie jako zwykły tekst strony.

W praktyce: gdy chcesz uzyskać pogrubienie z powodu ważności treści, wybieraj <strong>. Gdy potrzebujesz jedynie wyróżnienia typograficznego bez sugerowania wagi, rozważ inne semantycznie pasujące rozwiązanie albo kontroluj wygląd przez CSS.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to znaczy, że <strong> jest znacznikiem semantycznym?
Oznacza to, że element opisuje znaczenie treści (ważność/istotność), a nie tylko wygląd. Przeglądarka może domyślnie pogrubić tekst, ale kluczowe jest to, że semantyka pomaga w dostępności, SEO i poprawnym zrozumieniu struktury informacji.
Jakie jest domyślne działanie <b> bez CSS w przeglądarce?
Najczęściej przeglądarka renderuje tekst w <b> jako pogrubiony, korzystając z własnego arkusza stylów (tzw. user agent stylesheet). To wyróżnienie ma charakter głównie typograficzny, bez deklarowania szczególnej ważności fragmentu.
Dlaczego <b> i <strong> wyglądają podobnie, skoro znaczą coś innego?
Wygląd to decyzja domyślnego stylu przeglądarki, a znaczenie to semantyka HTML. Przeglądarka często używa pogrubienia dla obu, bo jest to czytelny sygnał wizualny. Różnica ujawnia się w interpretacji treści (np. przez czytniki ekranu) i w poprawnym modelowaniu dokumentu.
Czy można sprawić, żeby <strong> nie był pogrubiony?
Tak. Własny CSS może zmienić wygląd dowolnego elementu. Możesz np. ustawić inną grubość czcionki lub kolor dla <strong>. Na egzaminie w tym typie pytania zakłada się jednak brak własnych stylów i ocenę domyślnego renderowania przeglądarki.
Jak odróżnić elementy widoczne na stronie od metadanych typu <meta>?
Elementy takie jak <p>, <h2>, <strong> są częścią treści w <body> i zwykle są widoczne. <meta> znajduje się w <head> i służy do opisu dokumentu (kodowanie, viewport, opis), więc nie tworzy typowego widocznego tekstu w treści strony.
Gdzie wyświetla się zawartość <title> w przeglądarce?
Zawartość <title> jest zwykle widoczna jako tytuł karty lub okna przeglądarki oraz może być używana jako tytuł w zakładkach. Nie jest to standardowy tekst w treści strony, dlatego nie porównuje się go wizualnie z elementami w <body>.
Jakie są typowe różnice w wyglądzie <p> i <h2> bez CSS?
<h2> jest domyślnie nagłówkiem: zwykle ma większy rozmiar czcionki, inną grubość oraz marginesy. <p> to akapit z normalnym tekstem i innymi odstępami. Nawet bez własnego CSS przeglądarka nadaje im różne style domyślne, bo pełnią inne role w strukturze dokumentu.
Czy "brak CSS" oznacza, że strona nie ma żadnych stylów?
Nie. Nawet gdy nie dodasz własnych arkuszy CSS, przeglądarka stosuje własne style domyślne (user agent stylesheet). Dlatego elementy HTML często mają różne wyglądy "z pudełka". W pytaniach egzaminacyjnych chodzi zwykle o te domyślne zachowania.
Jakie błędy najczęściej popełnia się w pytaniach o znaczniki HTML i wygląd?
Częsty błąd to utożsamienie semantyki z wyglądem: wybór odpowiedzi "bo to wygląda podobnie" bez sprawdzenia, czy element w ogóle jest widoczny (np. <meta>). Drugi błąd to mylenie nagłówków z akapitami oraz zakładanie, że wszystkie elementy tekstowe renderują się identycznie.
Jak przygotować się do egzaminu z rozróżniania znaczników HTML?
Najlepiej ćwiczyć w prostym pliku HTML: wstawiaj elementy (<b>, <strong>, <p>, <h2>, <title>) i obserwuj efekt w przeglądarce bez własnego CSS. Równolegle ucz się semantyki: kiedy element opisuje znaczenie treści, a kiedy tylko formę prezentacji.
info

To pytanie poprawnie rozwiązuje 66% zdających egzamin. średnie

Specjaliści zwracają uwagę: "&lt;b&gt; i &lt;strong&gt; są domyślnie renderowane w przeglądarkach jako pogrubienie tekstu, gdy nie dodasz własnych stylów CSS."

Źródła:

  • WHATWG HTML Living Standard – sekcja dotycząca elementu b: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-b-element (dostęp: 2026-03-02)
  • WHATWG HTML Living Standard – sekcja dotycząca elementu strong: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-strong-element (dostęp: 2026-03-02)
  • MDN Web Docs – &lt;b&gt;: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja WHATWG HTML Living Standard (definicje elementów &lt;b&gt; i &lt;strong&gt;)
  • MDN Web Docs: opisy elementów HTML i przykłady renderowania
  • Materiały szkolne z podstaw HTML: semantyka vs prezentacja oraz struktura dokumentu (&lt;head&gt;/&lt;body&gt;)
Zobacz też:

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego