Znacznik <s> w języku HTML powoduje
A. pochylenie tekstu.
B. przekreślenie tekstu.
C. podkreślenie tekstu.
D. migotanie tekstu.
Pytanie z egzaminu CKE, styczeń 2019 (arkusz E.14-X-19.01).
Znacznik <s> w HTML służy do oznaczania tekstu jako przekreślonego, czyli wizualnie dostajemy efekt podobny do text-decoration: line-through w CSS. Przykładowo zapis <s>stara cena 199 zł</s> może być użyty przy pokazaniu ceny, która już nie obowiązuje. Ważna rzecz: w HTML5 ten znacznik ma też lekki sens semantyczny, bo oznacza treść, która jest nieaktualna albo nie jest już poprawna, ale niekoniecznie została formalnie usunięta z dokumentu. Do pokazania usuniętego fragmentu lepszy jest znacznik <del>. Moim zdaniem to fajny przykład, że HTML to nie tylko wygląd, ale też znaczenie treści. W praktyce, jeśli chodzi wyłącznie o dekorację wizualną, często lepiej użyć CSS, na przykład text-decoration: line-through, bo wtedy oddzielamy strukturę dokumentu od prezentacji. To jest zgodne z dobrymi praktykami tworzenia stron WWW: HTML opisuje treść, a CSS odpowiada za jej wygląd.
W tym pytaniu najłatwiej pomylić kilka znaczników HTML, bo część z nich wpływa na wygląd tekstu i na pierwszy rzut oka wydają się podobne. Znacznik <s> nie pochyla tekstu. Pochylenie uzyskuje się zwykle przez <i>, gdy chodzi tylko o zapis kursywą, albo przez <em>, gdy chcemy dodatkowo zaznaczyć nacisk semantyczny. To rozróżnienie jest ważne, bo przeglądarka może wyglądać podobnie, ale znaczenie dla czytników ekranu i robotów indeksujących bywa inne. <s> nie odpowiada też za migotanie tekstu. Historycznie istniał znacznik <blink>, kojarzony ze starymi przeglądarkami, ale dziś jest traktowany jako przestarzały i bardzo zły pomysł pod kątem dostępności oraz komfortu użytkownika. Migające elementy potrafią rozpraszać, a nawet powodować problemy u osób wrażliwych na bodźce wizualne. Podkreślenie tekstu również nie jest zadaniem znacznika <s>. Do podkreślenia można użyć <u>, choć w projektowaniu stron trzeba uważać, bo użytkownicy często kojarzą podkreślenie z linkiem. W nowoczesnym kodzie wygląd, taki jak podkreślenie czy przekreślenie, najczęściej ustawia się w CSS przez właściwość text-decoration. Typowy błąd myślowy polega tu na zapamiętywaniu samych efektów wizualnych bez kojarzenia znaczenia znacznika. A w HTML naprawdę opłaca się patrzeć na semantykę, nie tylko na to, jak coś wygląda w przeglądarce.