Ostatnio edytowany:

dt

Autor: Virtual Patriot

Przeznaczenie elementu dt

Element dt reprezentuje zawartość, którą powinna być treść zagadnienia listy zagadnień reprezentowanej przez element dl.

Dodatkowe techniczne informacje o elemencie dt

kategoria ogólna

brak

kontekst zewnętrzny
jako element dziecko elementu dl (przed ewentualnym elementem dt lub przed elementem dd)

Przykładowy Kod HTML

<dl>
  <dt>Jeden z kolorów nieba?</dt>
  <dd>Niebieski</dd>
</dl>

Kontekstem zewnętrznym przykładowego elementu "dt" jest element "dl", dla którego wspomniany element "dt" jest elementem dzieckiem. Ponadto wspomniany element "dt" występuje przed elementem "dd", dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "dl", jest prawidłowym kontekstem zewnętrznym dla elementu "dt".

Przykładowy Kod HTML

<dl>
  <dt>Kolor cytryny</dt>
  <dt>Kolor słońca</dt>
  <dd>Żółty</dd>
</dl>

Kontekstem zewnętrznym pierwszego przykładowego elementu "dt" jest element "dl", dla którego wspomniany element "dt" jest elementem dzieckiem. Ponadto wspomniany element "dt" występuje przed elementem "dt", który występuje przed elementem "dd", dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "dl", jest prawidłowym kontekstem zewnętrznym dla poszczególnych elementów "dt".

kontekst wewnętrzny
zawartość opływająca, lecz nie następujące elementy HTML jako elementy potomkowie: header, footer, elementy HTML należące do kategorii nagłówek zawartości, elementy HTML należące do kategorii sekcja zawartości

Przykładowy Kod HTML

<dl>
  <dt>
    <dfn>HyperText Markup Language</dfn>
    <img src="logo-01.png" alt="HTML5">
  </dt>
  <dd>
    Jeden z języków służący do budowy stron internetowych.
  </dd>
</dl>

Kontekstem wewnętrznym przykładowego elementu "dt" są wyłącznie elementy HTML, które należą do kategorii zawartość opływająca oraz które nie są zakazanym kontekstem wewnętrznym elementu "dt", dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "dfn" oraz element "img", jest prawidłowym kontekstem wewnętrznym dla elementu "dt".

wymagane elementy dzieci

brak

wymagane atrybuty

brak

składnia HTML

<dt> ... </dt>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

tag może zostać pominięty, lecz tylko jeżeli bezpośrednio po danym elemencie dt występuje inny element dt lub element dd

CSS display

block

Dodatkowe domyślne reguły CSS elementu dt

dt {
  display:block;
}

Interpretacja elementu dt

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak