Znacznik <s> w HTML
Znacznik <s> służy do oznaczania tekstu, który jest już nieaktualny, niepoprawny albo niewłaściwy. Przeglądarki domyślnie wyświetlają taki tekst jako przekreślony.
Przykład użycia
<p>Cena: <s>199 zł</s> 149 zł</p>
Efekt: wcześniejsza cena zostanie pokazana jako przekreślona, a obok niej pojawi się aktualna cena.
Znaczenie semantyczne
<s> nie służy tylko do ozdobnego przekreślania tekstu. Ma znaczenie semantyczne: informuje, że dany fragment tekstu jest już nieaktualny lub nie powinien być traktowany jako obowiązujący.
Typowe zastosowania:
- przekreślona stara cena produktu,
- nieaktualna informacja,
- błędna lub wycofana treść,
- element, który został zastąpiony innym.
Różnica między <s> a CSS
Jeżeli celem jest tylko wygląd, można użyć CSS:
.przekreslony {
text-decoration: line-through;
}
Jeżeli jednak tekst ma być oznaczony jako nieaktualny lub niewłaściwy, lepszy jest znacznik HTML:
<s>Nieaktualna treść</s>
Porównanie z innymi znacznikami
<s>— tekst nieaktualny lub niewłaściwy, zwykle przekreślony,<b>— pogrubienie tekstu bez nadania szczególnego znaczenia,<em>— wyróżnienie/emfaza, zwykle kursywa,<sub>— indeks dolny, np. we wzorze H2O.
W pytaniu egzaminacyjnym poprawną odpowiedzią jest <s>...</s>, ponieważ ten znacznik zapisuje tekst w formie przekreślonej.