Znacznik <s> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Znacznik <s> w HTML

Znacznik <s> służy do oznaczania tekstu, który jest nieaktualny, błędny albo przestał obowiązywać. Przeglądarki domyślnie wyświetlają taki tekst jako przekreślony.

Przykład

<p>Cena: <s>199 zł</s> 149 zł</p>

Efekt wizualny: stara cena 199 zł będzie przekreślona, a obok pojawi się aktualna cena.

Znaczenie semantyczne

<s> nie służy tylko do „ładnego przekreślenia” tekstu. Ma znaczenie semantyczne: informuje, że dana treść nie jest już aktualna.

Typowe zastosowania:
- stara cena produktu,
- nieaktualna informacja,
- usunięta opcja w ofercie,
- treść, która została zastąpiona inną.

<s> a CSS

Jeżeli chodzi wyłącznie o efekt wizualny, można użyć CSS:

.przekreslony {
  text-decoration: line-through;
}

<p class="przekreslony">Ten tekst jest przekreślony.</p>

W pytaniach egzaminacyjnych należy jednak pamiętać: znacznik HTML <s> powoduje domyślnie przekreślenie tekstu.

Czego nie robi <s>?

Znacznik <s> nie powoduje:
- migotania tekstu,
- pochylenia tekstu,
- podkreślenia tekstu.

Do pochylenia używa się np. <i> lub CSS font-style: italic, a do podkreślenia CSS text-decoration: underline.