Das globale Attribut hidden ist ein boolesches Attribut welches angibt, dass das Element nicht oder nicht länger relevant ist. Zum Beispiel, kann es benutzt werden, um Elemente einer Seite zu verstecken, die nicht benötigt werden, wenn ein Anmeldeprozess erfolgreich durchgeführt wurde. Der Browser wird solche Elemente nicht anzeigen.
Dieses Attribut soll nicht benutzt werden, um Inhalt zu verstecken, der rechtmäßig angzeigt werden könnte. Zum Beispiel sollte es nicht benutzt werden, um Seiten eines Tabelleninterface zu verstecken. Dies ist eine Gestaltungsfrage.
Versteckte Elemente sollten nicht mit sichtbaren Elementen verlinkt sein. Elemente, die abkommend sind von versteckten Elementen sind trotzdem aktiv, was bedeutet, dass Skript-Elemente immer noch ausgeführt und Form-Elemente gesendet werden können.
Bemerkung: Das Abändern des Wertes der CSS display Eigenschaft eines Elementes mit dem hidden Attribut überschreibt das Verhalten. Also wird ein Element mit Style display: flex angezeigt, egal ob das hidden Attribut gesetzt ist oder nicht.
Spezifikationen
| Spezifikation | Status | Bemerkung |
|---|---|---|
| WHATWG HTML Living Standard Die Definition von 'hidden' in dieser Spezifikation. |
Lebender Standard | Keine Änderung seit letztem Snapshot, HTML5.1 |
| HTML5.1 Die Definition von 'hidden' in dieser Spezifikation. |
Arbeitsentwurf | Snapshot von WHATWG HTML Living Standard, initiale Definition |
Browserkompatibilität
| Programm | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| grundlegende Unterstützung | (Ja) | 4.0 (2) | 11 | (Ja) | (Ja) |
| Programm | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| grundlegende Unterstützung | 4 | (Ja) | 4.0 (2) | 11 | (Ja) | (Ja) |
Siehe auch
- Alle globalen Attribute.