<dt>
Nazwa, pojęcie lub pytanie w liście opisowej `<dl>`.
- Wyświetlanie
- block
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść przepływu bez nagłówków, elementów sekcji,
<header>i<footer>
Przykład
#<dl>
<dt><dfn>Tag</dfn></dt>
<dt><dfn>Znacznik</dfn></dt>
<dd>Nazwa elementu zapisana w nawiasach ostrych, na przykład <code><p></code>.</dd>
<dt><dfn>Atrybut</dfn></dt>
<dd>Dodatkowa informacja w znaczniku otwierającym, na przykład <code>href</code>.</dd>
</dl>Definicja i zastosowanie
#Element <dt> (od description term) zawiera nazwę z pary „nazwa i opis”. Zawsze stoi wewnątrz <dl> (albo w <div> wewnątrz <dl>) i poprzedza jeden lub kilka elementów <dd> z opisem.
Kilka <dt> z rzędu oznacza, że wszystkie te nazwy dzielą ten sam opis, co przydaje się przy synonimach i skrótach. W środku może znaleźć się tekst, link czy fragment kodu, ale nie nagłówki ani elementy sekcji, takie jak <header>, <footer> czy <section>.
W słowniczkach warto owinąć termin w <dfn>. Sam <dt> mówi tylko, że to nazwa w parze, a <dfn> dodaje informację, że w tym miejscu pojęcie zostaje zdefiniowane.
Składnia
#<dt>nazwa</dt>Atrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
dt {
display: block;
}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
#- Znacznik zamykający
</dt>można pominąć, gdy zaraz po nim stoi<dt>lub<dd>, ale jawne zamykanie jest czytelniejsze. - Jeśli słowniczek potrzebuje tytułu, umieść nagłówek przed listą
<dl>, a nie w<dt>.
Powiązane hasła
#Widzisz błąd albo brakuje przykładu? Napisz do nas.