Listy#
Lista definicji#
<dl> <dt>Pierwszy termin</dt> <dd>Definicja pierwszego terminu</dd> <dt>Drugi termin</dt> <dd>Definicja drugiego terminu</dd> <dt>Trzeci termin</dt> <dd>Definicja trzeciego terminu</dd> </dl>
Polecenie pozwala utworzyć wykaz z definicjami, przydatny zazwyczaj, gdy piszemy słownik zawierający pewne wyrazy z objaśnieniami.
Cała treść zawiera się w elemencie dl
(definition list). Za pomocą znaczników <dt>...</dt>
(definition term) określamy pojęcia, natomiast między <dd>...</dd>
(definition description) wpisujemy objaśnienia.
Jeden termin może mieć wiele definicji i jedna definicja może opisywać wiele terminów (to oznacza swobodność powtarzania elementów dt
i dd
wewnątrz listy).
Terminy (zawartość DT) możemy dodatkowo umieszczać wewnątrz elementu dfn
.
W przeglądarkach internetowych zawartość znacznika <dd>
zazwyczaj przesunięta jest w prawo, dzięki czemu lista staje się czytelniejsza.
Zwracam uwagę, że w obrębie wykazu tekst i inne elementy można wstawiać wyłącznie wewnątrz znaczników pojęć (<dt></dt>
) i objaśnień (<dd></dd>
), a nie poza nimi. Poniższy przykład jest nieprawidłowy:
<dl>
<"del">Pojęcie
<dt>Samolot</dt>
<dd>Środek lokomocji</dd>
<"del"><br>
<"del">Drugie pojęcie
<dt>HTTP</dt>
<dd>Protokół komunikacyjny</dd>
<"del"><br>
</dl>
Element DT wyświetlany jest w linii i nie może zawierać elementów blokowych.
Kilka przykładów poprawnego użycia:
Kod:
<dl>
<dt><dfn>HTML (Hypertext Markup Language)</dfn></dt>
<dd>Język hipertekstowego oznaczania wykorzystywany przy tworzeniu stron WWW.</dd>
<dt><dfn>XHTML (Extensible HyperText Markup Language)</dfn></dt>
<dd>Rozszerzalny język hipertekstowego oznaczania przedstawiający HTML-a w postaci XML.</dd>
<dt><dfn>CSS (Cascading Style Sheets)</dfn></dt>
<dd>Kaskadowe arkusze stylów służące do opisu formy prezentacji (wyświetlania) stron WWW.</dd>
</dl>
Efekt:
- HTML (Hypertext Markup Language)
- Język hipertekstowego oznaczania wykorzystywany przy tworzeniu stron WWW.
- XHTML (Extensible HyperText Markup Language)
- Rozszerzalny język hipertekstowego oznaczania przedstawiający HTML-a w postaci XML.
- CSS (Cascading Style Sheets)
- Kaskadowe arkusze stylów służące do opisu formy prezentacji (wyświetlania) stron WWW.
Kod:
<dl>
<dt>Pióro</dt>
<dd>Przyrząd do pisania na papierze.</dd>
<dd>Twory nabłonkowe pokrywające ciała ptaków.</dd>
<dt>Helikopter</dt>
<dt>Śmigłowiec</dt>
<dd>Statek powietrzny wytwarzający siłę nośną dzięki ruchowi obrotowemu wirnika (lub wirników).</dd>
</dl>
Efekt:
- Pióro
- Przyrząd do pisania na papierze.
- Twory nabłonkowe pokrywające ciała ptaków.
- Helikopter
- Śmigłowiec
- Statek powietrzny wytwarzający siłę nośną dzięki ruchowi obrotowemu wirnika (lub wirników).