HTML/Attribute/hidden
Aus SELFHTML-Wiki
Der Begriff hidden ist mehrdeutig.hidden (engl. für versteckt) bezeichnet
- in HTML
- das HTML-Universalattribut hidden
- einen Wert für das
type-Attribut voninput-Elementen, siehe Formulare/Versteckte Elemente
- einen Wert für die CSS-Eigenschaften
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 |
Beispiel
<p hidden>
Willkommen im Selfhtml-Wiki
</p>
Der Absatz wird versteckt
Beachte: Die CSS Eigenschaft display überschreibt das hidden Attribut. Du kannst dir das so vorstellen, dass das Browser-Stylesheet eine CSS Regel wie diese enthält:
Dadurch werden alle Elemente mit einem hidden-Attribut auf
[hidden] {
display: none;
}
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 du mittels display: inline-block formatierst, wird nicht auf hidden reagieren. Wenn du möchtest, dass hidden Vorrang bekommt, benötigst du eine eigene Regel in deinem Stylesheet, die hidden-Elemente auf display:none setzt und die eine genügend hohe Spezifität hat.Siehe auch
- Bilder im Internet/Bildwechsler
Bildwechser, in dem Bilder mithiddenausgeblendet werden. - Formulare/Versteckte Elemente
- CSS/Tutorials/Sichtbarkeit von Elementen
Weblinks
- W3C: the-hidden-attribute
- fyi: [hidden is a lie] Monica Dinculescu
