Elementy <mark> i <em> w HTML

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

Elementy <mark> i <em> służą do semantycznego wyróżniania fragmentów tekstu. Oznacza to, że nie tylko zmieniają wygląd tekstu, ale także przekazują informację o znaczeniu zaznaczonego fragmentu.

Element

Znacznik <mark> oznacza tekst zaznaczony lub wyróżniony ze względu na kontekst. Przeglądarki zwykle wyświetlają go z żółtym tłem, podobnie jak zakreślacz.

Przykład:

<p>Najważniejsze słowo to <mark>HTML</mark>.</p>

Stosuje się go np. do oznaczania wyniku wyszukiwania albo fragmentu, na który użytkownik powinien zwrócić uwagę.

Element

Znacznik <em> oznacza tekst zaakcentowany, czyli taki, który autor wypowiedzi chce podkreślić znaczeniowo. Przeglądarki zwykle wyświetlają go kursywą.

Przykład:

<p>To jest <em>bardzo ważne</em> zdanie.</p>

<em> nie powinien być używany wyłącznie po to, aby uzyskać kursywę. Do samej zmiany wyglądu lepiej użyć CSS, np. font-style: italic.

Poprawne użycie w akapicie

Elementy <mark> i <em> są elementami liniowymi, więc mogą znajdować się wewnątrz akapitu <p>.

<p>Tekst może być <mark>zaznaczony</mark> albo <em>istotny</em> dla autora.</p>

Każdy otwarty znacznik musi zostać poprawnie zamknięty: <mark> przez </mark>, a <em> przez </em>.