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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
---
title: <summary>
slug: Web/HTML/Element/summary
tags:
- Element
- HTML
- HTML interactive elements
- Reference
- Web
translation_of: Web/HTML/Element/summary
---
<div>{{HTMLRef}}</div>
<p>L'element HTML <strong><code><summary></code></strong> s'utilitza a manera de resum, el títol o la llegenda per al contingut d'un element {{HTMLElement("details")}}.</p>
<div class="note"><strong>Nota:</strong> Si s'omet l'element <code><summary></code>, s'utilitzarà la capçalera "details".</div>
<div class="note"><strong>Nota:</strong> L'estil per defecte per <code><summary></code> és <code>display:list-item</code> segons la <a href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">norma HTML</a>. Si es canvia l'estil a <code>display:block</code>, el triangle de divulgació serà descartat. Veure <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1283989">Bug 1283989</a> per a més informació.</div>
<h2 id="Context_d'ùs">Context d'ùs</h2>
<table class="properties">
<tbody>
<tr>
<th scope="row">Contingut permès</th>
<td><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">Contingut textual</a> o un element de <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Heading_content">contingut capçalera</a></td>
</tr>
<tr>
<th scope="row">Omissió de l'etiqueta</th>
<td><span id="result_box" lang="ca"><span>Cap</span><span>, tant</span> <span>l'etiqueta</span> <span>inicial </span>com la <span>final són</span> <span>obligatories</span><span>.</span></span></td>
</tr>
<tr>
<th scope="row">Elements pares permesos</th>
<td>L'element {{HTMLElement("details")}}.</td>
</tr>
<tr>
<th scope="row">Normativa del document</th>
<td><a class="external" href="https://html.spec.whatwg.org/multipage/forms.html#the-summary-element" rel="external nofollow">HTML5, secció 4.11.2</a></td>
</tr>
</tbody>
</table>
<h2 id="Atributs">Atributs</h2>
<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
<h2 id="Interfície_DOM">Interfície DOM</h2>
<p>Aquest element implementa la interfície {{domxref("HTMLElement")}}.</p>
<h2 id="Exemples">Exemples</h2>
<details>
<p>In summation, get details from the link on the next line</p>
</details>
<p>Si us plau, vegeu la pàgina {{HTMLElement("details")}} d'exemples de <summary>.</p>
<h2 id="Especificacions">Especificacions</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificació</th>
<th scope="col">Estat</th>
<th scope="col">Comentari</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#the-summary-element', '<summary>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', 'interactive-elements.html#the-summary-element', '<summary>')}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td>Definició inicial</td>
</tr>
</tbody>
</table>
<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Suport bàsic</td>
<td>12</td>
<td>{{CompatGeckoDesktop("49.0")}}<sup>[1]</sup></td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>6</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Suport bàsic</td>
<td>4.0</td>
<td>{{CompatGeckoMobile("49.0")}}<sup>[1]</sup></td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<p>[1] Aquesta característica està disponible des de la versió 47 darrere de la preferència <code>dom.details_element.enabled</code>, per defecte és <code>false</code>, excepte en les versions Nightly i Aurora ({{bug(1241750)}}). El suport està habilitat per defecte, és a dir, la preferència per defecte es <code>true</code>, des de Firefox 49.0 ({{bug("1226455")}}).</p>
<h2 id="Veure">Veure</h2>
<ul>
<li>{{HTMLElement("details")}}</li>
</ul>
|
