HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML hidden-Eigenschaft

Die globale Attribut hidden ist ein boolesches Attribut, das angibt, dass ein Element noch nicht oder nicht mehr relevant ist. Zum Beispiel kann es verwendet werden, um ein Seitenelement bis zum Abschluss der Anmeldung zu verstecken. Wenn ein Element dieses Attribut gesetzt hat, wird es nicht angezeigt.

Globale Attribute von HTML

Die Änderung des CSS-Attributes display für ein Element mit der hidden-Eigenschaft überschreibt dieses Verhalten. Zum Beispiel wird ein Element als display: flex eingestellt, wird es trotzdem angezeigt, obwohl die hidden-Eigenschaft gesetzt ist

Online-Beispiel

Demonstration versteckter und normaler Absätze:

Beispiel

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Verwendung der hidden-Eigenschaft in HTML (Grundtutorials-Web oldtoolbag.com)</title>
</<head>
<body>
<p hidden="hidden">This is a paragraph that is hidden.</p>
<p>This is a paragraph that is normally visible.</p>
</body>
</html>

Test and see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support it.

Definition and Usage

The hidden attribute is a boolean attribute.
If present, it specifies that an element is not yet relevant or no longer relevant.
Browsers should not display elements with the specified hidden attribute.
The hidden attribute can also be used to prevent users from seeing an element until certain other conditions are met (such as checking a checkbox, etc.). Then, JavaScript can remove the hidden attribute and make the element visible.

HTML 4.01 differences with HTML5differences

The hidden attribute is an HTML5 new attributes.

Differences between HTML and XHTML

In XHTML, attributes cannot be abbreviated, the hidden attribute must be defined as <element hidden="hidden">.

Syntax

　　　　 <element hidden>

Globale Attribute von HTML

HTML: <template> Tag