<détails>


HTML <détails> Balises

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

<p><b>注意：</b>目前，只有 Chrome 和 Safari 6 支持 details 标签。</p>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Prise en charge du navigateur

1000.png

Actuellement, uniquement Chrome et Safari 6 prend en charge la balise <détails>

Définition des balises et instructions d'utilisation

<détails> Les balises spécifient des détails supplémentaires sur les exigences visibles ou masquées de l'utilisateur. La balise

<détails> est utilisée par les utilisateurs pour ouvrir et fermer les contrôles interactifs. N'importe quelle forme de contenu peut être placée dans la balise <details> Le contenu de l'élément

<details> n'est pas visible par l'utilisateur sauf si l'attribut open est défini.

Différences entre HTML 4.01 et HTML5 La balise

<détails>

Conseils et notes

Conseil : Utilisez avec la balise <summary> Le titre est visible, et lorsque l'utilisateur clique sur le titre, les détails s'affichent.

Attribut

Nouveau : Nouvel attribut en HTML5.

Attribut ValeurDescription
ouvertNouveau
属性值描述
openNewopen规定 details 是否可见。
ouvert< /td>Spécifie si les détails sont visibles.

Attributs globaux

La balise <details> prend en charge les attributs globaux HTML. La balise

Attributs d'événement

<details> prend en charge les attributs d'événement HTML.