Si, au détour d’une validation HTML de votre page, vous obtenez l’erreur suivante :
The scrolling attribute on the iframe element is obsolete. Use CSS instead.
… c’est que votre code contient un élément <iframe> avec un attribut scrolling.
Exemple classique :
<iframe src="https://example.com" scrolling="no"></iframe>Code language: HTML, XML (xml)
Cet attribut était utilisé pour indiquer si l’iframe devait afficher une barre de défilement. En HTML moderne, il est obsolète. Le standard HTML classe bien scrolling sur iframe parmi les fonctionnalités obsolètes, et les validateurs recommandent d’utiliser CSS à la place.
Le problème : l’attribut scrolling sur iframe
On trouvait souvent ce genre de code dans les anciennes intégrations :
<iframe
src="https://example.com/embed"
width="600"
height="400"
scrolling="no"
frameborder="0"
></iframe>Code language: HTML, XML (xml)
Le validateur HTML signale alors une erreur, car scrolling ne fait plus partie des attributs conformes pour <iframe>. En clair, le navigateur peut encore l’interpréter par compatibilité, mais le code n’est plus valide.
La première correction consiste donc à supprimer l’attribut :
<iframe
src="https://example.com/embed"
width="600"
height="400"
></iframe>Code language: HTML, XML (xml)
Mais cela ne suffit pas toujours à reproduire exactement l’ancien comportement. C’est là que CSS entre en scène.