W języku HTML znacznik <strong>tekst</strong> będzie wyświetlany w ten sam sposób przez przeglądarkę co znacznik
A. <big>tekst</big>
B. <sub>tekst</sub>
C. <b>tekst</b>
D. <h1>tekst</h1>
Znacznik strong w typowej przeglądarce jest domyślnie wyświetlany tak samo jak znacznik b, czyli tekst ma pogrubiony krój. Właśnie o to pyta zadanie: o sposób wyświetlenia przez przeglądarkę, a nie o znaczenie semantyczne elementu. W praktyce jednak warto pamiętać, że strong i b nie są tym samym pod względem sensu w dokumencie HTML. Element strong oznacza treść szczególnie ważną, np. ostrzeżenie przy formularzu, komunikat o błędzie albo istotny fragment regulaminu. Element b służy raczej do wizualnego wyróżnienia tekstu bez nadawania mu dodatkowej ważności, na przykład nazwy produktu w opisie. Zgodnie z dobrymi praktykami HTML5 wybieramy znaczniki najpierw według znaczenia, a dopiero potem wygląd dopracowujemy w CSS. Moim zdaniem to jest jedna z tych drobnych różnic, które na początku wydają się czepianiem, ale później bardzo pomagają przy dostępności strony, czytnikach ekranowych i utrzymaniu kodu.
W tym pytaniu łatwo pomylić podobny efekt wizualny z zupełnie inną funkcją znacznika. Element sub nie służy do pogrubiania tekstu, tylko do zapisu indeksu dolnego, na przykład we wzorach chemicznych typu H₂O albo CO₂. Przeglądarka obniża taki tekst i zwykle zmniejsza jego rozmiar, więc efekt jest całkiem inny niż przy strong. Element h1 też może wyglądać na pogrubiony, ale jego znaczenie jest zupełnie inne: to nagłówek najwyższego poziomu, zwykle duży, blokowy, z marginesami i ważną rolą w strukturze dokumentu. Używanie h1 tylko po to, żeby coś było grube, to kiepska praktyka, bo psuje semantykę strony i może utrudnić nawigację osobom korzystającym z czytników ekranowych. Element big historycznie powiększał tekst, ale w HTML5 jest uznawany za przestarzały i nie powinno się go stosować w nowym kodzie. Typowy błąd myślowy polega tutaj na tym, że ktoś widzi wyróżnienie tekstu i zakłada, że każdy znacznik zmieniający wygląd jest podobny do strong. A w HTML ważne są dwie warstwy: domyślny wygląd nadawany przez arkusz przeglądarki oraz semantyka, czyli znaczenie elementu. Domyślnie strong i b dają pogrubienie, ale strong mówi także, że treść jest ważna. Wygląd i tak najlepiej kontrolować przez CSS, a znaczniki dobierać zgodnie z ich przeznaczeniem.