iframe {
  border: 1px solid black;
  width: 100%; /* takes precedence over the width set with the HTML width attribute */
}

Chaque contexte de navigation possède son propre historique et son propre document actif. Le contexte de navigation qui contient le contenu intégré est appelé « contexte de navigation parent ». Le contexte de navigation le plus élevé (qui n'a pas de contexte parent) correspond généralement à la fenêtre du navigateur (cf. Window).

Attention : Chaque contexte de navigation créé par un élément

Résultat

Accessibilité

Les personnes qui utilisent des outils d'assistance tels que des lecteurs d'écran peuvent utiliser l'attribut title pour obtenir la description du contenu embarqué par l'iframe. La valeur du titre doit décrire, de façon claire et concise, le contenu embarqué.

html

Sans cette description, les utilisateurs peuvent devoir naviguer à l'intérieur de l'iframe et parcourir le contenu afin de comprendre de quoi il s'agit. Le changement de contexte peut être source de confusion et demander un temps de réflexion, notamment pour les pages qui contiennent plusieurs iframe et/ou du contenu interactif tel que des vidéos ou de la musique.

Spécifications

Specification
HTML
# the-iframe-element

Compatibilité des navigateurs

Voir aussi