HTML/Attribute/hidden

Der Begriff hidden ist mehrdeutig.
hidden (engl. für versteckt) bezeichnet

• in HTML
  • das HTML-Universalattribut hidden
  • einen Wert für das type-Attribut von input-Elementen, siehe HTML/Tutorials/Formulare/Versteckte Elemente
• einen Wert für die CSS-Eigenschaften
  • border-style
  • overflow
  • visibility.

Das Universalattribut hidden zeigt an, dass ein Element nicht länger relevant ist und deshalb ausgeblendet wird.

erlaubte Werte	leeres Attribut
default-Wert
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<p hidden>
Willkommen im Selfhtml-Wiki
</p>

Der Absatz wird versteckt

Beachten Sie: Die CSS Eigenschaft display überschreibt das hidden Attribut. Sie können sich das so vorstellen, dass das Browser-Stylesheet eine CSS Regel wie diese enthält:

[hidden] {
   display: none;
}

Dadurch werden alle Elemente mit einem hidden-Attribut auf display:none gesetzt. display-Angaben im Autoren-Stylesheet haben jedoch auf Grund der Kaskadenregeln Vorrang vor dem Browser-Stylesheet. Das bedeutet beispielsweise: ein Link, den Sie mittels display: inline-block formatieren, wird nicht auf hidden reagieren. Wenn Sie möchten, dass hidden Vorrang bekommt, benötigen Sie eine eigene Regel in Ihrem Stylesheet, die hidden-Elemente auf display:none setzt und die eine genügend hohe Spezifität hat.

Siehe auch

• JavaScript/Tutorials/DOM/DOM-Manipulation
  Bildwechser, in dem Bilder mit hidden ausgeblendet werden.
• HTML/Tutorials/Formulare/Versteckte Elemente

Weblinks

• W3C: the-hidden-attribute
• fyi: [hidden is a lie] Monica Dinculescu