attribut booléen caché en HTML5

Exemple

Paragraphe masqué :

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

Prise en charge du navigateur

IE

Firefox

Chrome

Safari

Opera

Tous les principaux navigateurs prennent en charge l'attribut masqué, à l'exception d'Internet Explorer.

Définition et utilisation

L'attribut caché est un attribut booléen.

Si cet attribut est défini, il précise que l'élément est toujours ou plus pertinent.

Les navigateurs ne doivent pas afficher les éléments dont l'attribut caché est spécifié. L'attribut

masqué peut également être utilisé pour empêcher l'utilisateur de visualiser un élément jusqu'à ce que certaines conditions soient remplies (comme une case à cocher sélectionnée). Ensuite, JavaScript peut supprimer l'attribut caché pour rendre cet élément visible.

Différences entre HTML 4.01 et HTML5

L'attribut caché est nouveau en HTML5.

Différences entre HTML et XHTML

En XHTML, les abréviations d'attributs sont interdites et l'attribut masqué doit être défini comme

Syntaxe

<element hidden>

HTML5 nous apporte beaucoup d'attributs HTML très simples mais très puissants : espace réservé, téléchargement et autofocus, etc. Un autre nouvel attribut est l'attribut caché. Lorsqu'un élément de page Web a l'attribut caché, son comportement est très similaire à display : aucun; de CSS. L'élément disparaîtra sans occuper aucun espace de page. La méthode d'écriture est très simple :

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

Si vous utilisez un ancien navigateur et ne supportez pas cet attribut, vous pouvez ajouter le code suivant au CSS pour le prendre en charge :

*[hidden] { display: none; }

Alors, pourquoi utiliser l'attribut caché ? Cela signifie qu'il est plus significatif sémantiquement et améliore la lisibilité du code. Et comparé à display:none en CSS, c’est littéralement plus simple !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!