verstecktes boolesches Attribut in HTML5

Beispiel

Versteckter Absatz:

<p hidden>这个段落应该被隐藏。</p>

Browser-Unterstützung

IE

Firefox

Chrome

Safari

Opera

Alle gängigen Browser unterstützen das versteckte Attribut, außer Internet Explorer.

Definition und Verwendung

Das versteckte Attribut ist ein boolesches Attribut.

Wenn dieses Attribut gesetzt ist, gibt es an, dass das Element noch oder nicht mehr relevant ist.

Browser sollten keine Elemente anzeigen, für die das versteckte Attribut angegeben ist. Das

hidden-Attribut kann auch verwendet werden, um zu verhindern, dass der Benutzer ein Element anzeigt, bis bestimmte Bedingungen erfüllt sind (z. B. wenn ein Kontrollkästchen ausgewählt wird). Dann kann JavaScript das versteckte Attribut entfernen, um dieses Element sichtbar zu machen.

Unterschiede zwischen HTML 4.01 und HTML5

Das versteckte Attribut ist neu in HTML5.

Unterschiede zwischen HTML und

Syntax

HTML5 bietet uns viele sehr einfache, aber sehr leistungsstarke

HTML-Attribute

<element hidden>

: Platzhalter, Download und Autofokus usw. Ein weiteres neues Attribut ist das versteckte Attribut. Wenn ein Webseitenelement das versteckte Attribut hat, ist sein Verhalten dem

display von CSS sehr ähnlich: none; Das Element verschwindet, ohne Platz auf der Seite zu belegen. Die Schreibmethode ist sehr einfach: Wenn Sie einen alten Browser verwenden und dieses Attribut nicht unterstützen, können Sie den folgenden Code zu CSS hinzufügen, um es zu unterstützen: :

<div hidden>
	You can&#39;t see me!</div>

Warum also das versteckte Attribut verwenden? Die Bedeutung besteht darin, dass es semantisch aussagekräftiger ist und die Lesbarkeit des Codes verbessert. Und im Vergleich zu display:none in CSS ist es buchstäblich einfacher!

*[hidden] { display: none; }

Das obige ist der detaillierte Inhalt vonverstecktes boolesches Attribut in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!