<dfn>

Termin definiowany w tym miejscu tekstu, czyli pierwsze, objaśniające użycie pojęcia.

Wyświetlanie
inline
Znacznik zamykający
Wymagany
Dozwolona zawartość
Treść frazowa bez innych elementów <dfn>
Na tej stronie

Przykład

#
HTML
<p><dfn>Zmienna</dfn> to nazwane miejsce w pamięci, w którym program przechowuje wartość, na przykład liczbę punktów gracza.</p>
Podgląd

Definicja i zastosowanie

#

Element <dfn> oznacza termin, który właśnie definiujesz. Definicja musi się znaleźć w najbliższym otoczeniu: w tym samym akapicie, w tej samej parze <dt> i <dd> listy definicji albo w sekcji, która zawiera termin. Przeglądarki wyświetlają <dfn> kursywą.

Oznacz nim tylko miejsce, w którym pojęcie jest objaśnione, a nie każde jego wystąpienie. Jeśli treść elementu to skrót albo inna forma terminu, pełne brzmienie podaj w globalnym atrybucie title.

Warto nadać definicji id. W dalszej części tekstu możesz wtedy podlinkować termin, a czytelnik jednym kliknięciem wróci do objaśnienia. Tak buduje się wygodne słowniczki.

Składnia

#
Składnia
<p><dfn>Termin</dfn> to…</p>

Atrybuty

#

Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.

Więcej przykładów

#
Definicja skrótu z odnośnikiem
HTML
<p>
  <dfn id="def-dom"><abbr title="Document Object Model">DOM</abbr></dfn>
  to drzewo obiektów, które przeglądarka buduje z kodu HTML strony.
</p>
<p>Skrypty zmieniają wygląd strony, modyfikując <a href="#def-dom">DOM</a>.</p>
Podgląd

Domyślny CSS

#

Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:

CSS
dfn {
  font-style: italic;
}

Obsługa przeglądarek

#

Szeroko dostępne

Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.

  • Chrome
  • Edge
  • Firefox
  • Safari

Dobre praktyki

#
  • Oznaczaj tylko definiujące wystąpienie pojęcia, zwykle pierwsze.
  • Nadaj definicji id i linkuj do niej z dalszych części tekstu.
  • W słowniczkach umieszczaj <dfn> wewnątrz <dt>, a objaśnienie w <dd>.

Powiązane hasła

#

Widzisz błąd albo brakuje przykładu? Napisz do nas.