Manuel de référence HTML

Catalogue complet des balises HTML

Attribut hidden HTML

L'attribut global hidden est un attribut booléen qui indique qu'un élément n'est pas encore ou plus pertinent. Par exemple, il peut être utilisé pour masquer un élément de la page jusqu'à ce que la connexion soit terminée. Si un élément a cet attribut, il ne sera pas affiché.

Attributs globaux HTML

Changer la propriété CSS display d'un élément ayant l'attribut hidden va couvrir ce comportement. Par exemple, si l'élément est réglé sur display: flex, il s'affichera malgré l'attribut hidden

Exemple en ligne

Démonstration de la suppression des paragraphes cachés et des paragraphes normaux:

Exemple

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilisation de l'attribut hidden HTML (Tutoriel de base du site Web oldtoolbag.com)</title>
</<head>
<body>
<p　caché="caché">C'est un paragraphe caché.</p>
<p>C'est un paragraphe visible normalement.</p>
</body>
</html>

Vérifiez et voyez ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires le prennent en charge.

Définition et utilisation

L'attribut caché est un attribut booléen.
S'il existe, il indique qu'un élément n'est pas encore pertinent ou plus pertinent.
Le navigateur ne doit pas afficher l'élément avec l'attribut caché spécifié.
L'attribut caché peut également être utilisé pour empêcher l'utilisateur de voir l'élément jusqu'à ce que certaines autres conditions soient remplies (comme la sélection d'une case à cocher, etc.). Ensuite, JavaScript peut supprimer l'attribut caché et rendre l'élément visible.

HTML 4.01 et HTML5différences

L'attribut caché est dans HTML5 nouvelles propriétés.

Les différences entre HTML et XHTML

Dans XHTML, les attributs sont interdits de raccourci, l'attribut caché doit être défini comme <élément caché="caché">.

grammaire

　　　　 <élément caché>

Attributs globaux HTML

HTML: <template> balise