---
title: dl
slug: Web/HTML/Element/dl
tags:
  - 'HTML:Opis_elementów'
translation_of: Web/HTML/Element/dl
---
<p> </p>

<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>

<p>Element <strong>lista definicji</strong> (<code>&lt;dl&gt;</code>) zawiera listę par terminów i ich definicji. Powszechnym zastosowaniem tego elementu jest tworzenie słownika.</p>

<ul>
 <li>Typ elementu: <a href="pl/HTML/Elementy_blokowe">blokowy</a></li>
 <li>Dozwolona zawartość: <a href="pl/HTML/Element/dt"><code>dt</code></a>, <a href="pl/HTML/Element/dd"><code>dd</code></a></li>
</ul>

<h3 id="Atrybuty" name="Atrybuty">Atrybuty</h3>

<dl>
 <dt>compact {{ Non-standard_inline() }}</dt>
 <dd>Wymusza, by opis definicji pojawił się w tej samej linii, co termin definicji. Działa tylko w Internet Explorer.</dd>
</dl>

<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>

<h4 id="Pojedynczy_termin_i_definicja" name="Pojedynczy_termin_i_definicja">Pojedynczy termin i definicja</h4>

<pre>&lt;dl&gt;
    &lt;dt&gt;Firefox&lt;/dt&gt;
        &lt;dd&gt;Wolna, o otwartym kodzie źródłowym, międzyplatformowa,
        graficzna przeglądarka internetowa,
        tworzona przez Mozilla Corporation i setki wolontariuszy.&lt;/dd&gt;

        &lt;!-- inne terminy i definicje --&gt;
&lt;/dl&gt;
</pre>

<p>Rezultat:</p>

<dl>
 <dt>Firefox</dt>
 <dd>Wolna, o otwartym kodzie źródłowym, międzyplatformowa, graficzna przeglądarka internetowa, tworzona przez Mozilla Corporation i setki wolontariuszy.</dd>
</dl>

<h4 id="Wiele_termin.C3.B3w.2C_jedna_definicja" name="Wiele_termin.C3.B3w.2C_jedna_definicja">Wiele terminów, jedna definicja</h4>

<pre>&lt;dl&gt;
    &lt;dt&gt;Firefox&lt;/dt&gt;
    &lt;dt&gt;Mozilla Firefox&lt;/dt&gt;
    &lt;dt&gt;Fx&lt;/dt&gt;
        &lt;dd&gt;Wolna, o otwartym kodzie źródłowym, międzyplatformowa,
        graficzna przeglądarka internetowa,
        tworzona przez Mozilla Corporation i setki wolontariuszy.&lt;/dd&gt;

        &lt;!-- inne terminy i definicje --&gt;
&lt;/dl&gt;
</pre>

<p>Rezultat:</p>

<dl>
 <dt>Firefox</dt>
 <dt>Mozilla Firefox</dt>
 <dt>Fx</dt>
 <dd>Wolna, o otwartym kodzie źródłowym, międzyplatformowa, graficzna przeglądarka internetowa, tworzona przez Mozilla Corporation i setki wolontariuszy.</dd>
</dl>

<h4 id="Pojedynczy_termin.2C_wiele_definicji" name="Pojedynczy_termin.2C_wiele_definicji">Pojedynczy termin, wiele definicji</h4>

<pre>&lt;dl&gt;
    &lt;dt&gt;Firefox&lt;/dt&gt;
        &lt;dd&gt;Wolna, o otwartym kodzie źródłowym, międzyplatformowa,
        graficzna przeglądarka internetowa,
        tworzona przez Mozilla Corporation i setki wolontariuszy.&lt;/dd&gt;
    &lt;dd&gt;Panda czerwona, znana też jako panda mniejsza, Wah, Bear Cat lub Firefox,
        jest to przeważnie trawożerny ssak, nieco większy niż kot domowy
        (60 cm długości).&lt;/dd&gt;

    &lt;!-- inne terminy i definicje --&gt;
&lt;/dl&gt;
</pre>

<p>Rezultat:</p>

<dl>
 <dt>Firefox</dt>
 <dd>Wolna, o otwartym kodzie źródłowym, międzyplatformowa, graficzna przeglądarka internetowa, tworzona przez Mozilla Corporation i setki wolontariuszy.</dd>
 <dd>Panda czerwona, znana też jako panda mniejsza, Wah, Bear Cat lub Firefox, jest to przeważnie trawożerny ssak, nieco większy niż kot domowy (60 cm długości).</dd>
</dl>

<h4 id="Wiele_termin.C3.B3w_i_definicji" name="Wiele_termin.C3.B3w_i_definicji">Wiele terminów i definicji</h4>

<p>Możliwe jest również tworzenie wielokrotnych terminów i definicji, ale już wiesz, jak to zrobić.</p>

<h3 id="Notatki" name="Notatki">Notatki</h3>

<p>Użycie <code>&lt;dl compact&gt;</code> jest poprawne w <a href="pl/HTML">HTML</a>, lecz, aby użyć tego atrybutu w <a href="pl/XHTML">XHTML</a>, musisz użyć zapisu <code>&lt;dl compact="compact"&gt;</code>.</p>

<p>Nie zaleca się używania tego elementu, razem z <a href="pl/HTML/Element/ul">niesortowanymi listami</a>, żeby stworzyć tylko wcięcie na stronie. Mimo, iż to działa, jest to zła praktyka i pokazuje złe rozumienie znaczenia listy definicji.</p>

<p>Aby zmienić wcięcie terminu definicji, użyj własności <a href="pl/CSS">CSS</a> <a href="pl/CSS/margin">margin</a>.</p>

<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>

<ul>
 <li><a href="pl/HTML/Element/dt">Znacznik <code>&lt;dt&gt;</code></a></li>
 <li><a href="pl/HTML/Element/dd">Znacznik <code>&lt;dd&gt;</code></a></li>
</ul>

<p>{{ languages( { "en": "en/HTML/Element/dl" } ) }}</p>