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
|
---
title: hidden
slug: Web/HTML/Global_attributes/hidden
tags:
- Global attributes
- HTML
- Reference
translation_of: Web/HTML/Global_attributes/hidden
---
<div>{{HTMLSidebar("Global_attributes")}}</div>
<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong><code>hidden</code></strong> és un atribut booleà que indica que l'element no és encara, o ja no és rellevant. Per exemple, es pot fer servir per ocultar els elements de la pàgina que no es poden utilitzar fins que el procés d'inici de sessió s'ha completat. Els navegadors no mostraran els elements amb l'atribut <code>hidden</code> establert.</p>
<p>L'atribut <code>hidden</code> no ha de ser utilitzat per a ocultar el contingut que legítimament es podria mostrar en una altra presentació. Per exemple, és incorrecte utilitzar hidden per ocultar els panells en un diàleg amb pestanyess, ja que la interfície amb pestanyes no és més que una mena de presentació de desbordament - un podria igualment mostrar les imatges de tots els controls de formulari en una pàgina gran amb una barra de desplaçament. De la mateixa manera és incorrecte utilitzar aquest atribut solsament per a ocultar el contingut d'una presentació - si per alguna cosa es el marcat de hidden, és que ho amaga a totes les presentacions, incloent, per exemple, els lectors de pantalla.</p>
<p>Els elements ocults no s'han de vincular des d'elements no-ocults i els elements que són descendents d'un element ocult encara estan actius, el que significa que els elements del script encara es poden executar i els elements de formulari encara poden ser presentats.</p>
<div class="note">
<p><strong>Nota:</strong> El canvi del valor de la propietat CSS {{cssxref ("display")}} d'un element amb l'atribut <code>hidden</code> sobreescriu el seu comportament. Per exemple, els elements d'estil <code>display: flex</code> es mostrarà tot i la presència de l'atribut <code>hidden</code>.</p>
</div>
<h2 id="Especificacions">Especificacions</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Especificació</th>
<th scope="col">Estat</th>
<th scope="col">Comentari</th>
</tr>
<tr>
<td>{{SpecName('HTML WHATWG', "interaction.html#the-hidden-attribute", "hidden")}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML WHATWG', "rendering.html#hiddenCSS", "Hidden elements")}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Defineix la representació per defecte suggerida usant l'atribut <code>hidden</code> CSS</td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', "editing.html#the-hidden-attribute", "hidden")}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td>Instantània de {{SpecName('HTML WHATWG')}},
<p>definició inicial</p>
<p> </p>
</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>{{ CompatVersionUnknown() }}</td>
<td>{{ CompatGeckoDesktop("2") }}</td>
<td>11</td>
<td>{{ CompatVersionUnknown() }}</td>
<td>{{ CompatVersionUnknown() }}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Android</th>
<th>Chrome for 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</td>
<td>{{ CompatVersionUnknown() }}</td>
<td>{{ CompatGeckoMobile("2") }}</td>
<td>11</td>
<td>{{ CompatVersionUnknown() }}</td>
<td>{{ CompatVersionUnknown() }}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Veure">Veure</h2>
<ul>
<li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
</ul>
|
