1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
|
---
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><dl></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><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>
<!-- inne terminy i definicje -->
</dl>
</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><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>
<!-- inne terminy i definicje -->
</dl>
</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><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>
<!-- inne terminy i definicje -->
</dl>
</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><dl compact></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><dl compact="compact"></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><dt></code></a></li>
<li><a href="pl/HTML/Element/dd">Znacznik <code><dd></code></a></li>
</ul>
<p>{{ languages( { "en": "en/HTML/Element/dl" } ) }}</p>
|
