amp-iframe | AMP : IFRAME |
|---|---|
| Google AMP | |
Syntaxe
|
<amp-iframe paramètres> </amp-iframe> |
|
<amp-iframe paramètres> ... balise amp-img ou div... </amp-iframe> |
Paramètres
| Nom | Description | |
|---|---|---|
| sandbox=valeur | Ce paramètre permet d'indiquer un attribut «sandbox» définit pour lui-même. Voici les valeurs reconnus et pouvant se combiner en les séparant par des espaces : | |
| Valeur | Description | |
| allow-pointer-lock | Cette valeur permet de réactiver les API. | |
| allow-same-origin | Cette valeur permet d'autoriser le contenu du IFRAME a être en dehors du point d'origine. | |
| allow-scripts | Cette valeur permet de réactiver les scripts. | |
| layout=valeur | Ce paramètre permet d'indiquer la disposition du IFRAME. | |
| src=valeur | Ce paramètre permet d'indiquer l'URL de l'emplacement du IFRAME. | |
| resizable | Ce paramètre permet d'indiquer, s'il est présent, que le IFRAME est redimensionnable. | |
Description
Cette balise permet d'afficher un IFRAME de Google AMP.
Remarques
- ATTENTION ! La source, définit par le paramètre «SRC», doit obligatoirement être sécurisé en HTTPS. Il faut que la position du IFRAME de AMP soit au moins à 600 pixels du haut de la page et enfin la largeur ne peut pas être 100%.
- .js : Si vous tentez d'introduire des fichiers «.js» par l'entremise de cette balise, il ne pas faut oublier que vous devez avoir un nom de domaine avec la même origine, car sinon, il ne sera pas pris en autorisé. Pour contourner la problématique, vous devez ajouter le paramètre «sandbox="allow-scripts allow-same-origin"» a votre balise «amp-iframe».
- IFRAME vs amp-iframe : La différence entre la balise IFRAME du HTML et la balise amp-iframe de Google AMP sont les suivantes : le paramètre «allowtransparency="true"» n'est pas reconnu et causera une page Google AMP invalide, le paramètre «frameborder="no"» doit être un «frameborder="0"», le HTTP n'est pas supporté, les valeurs «allow-forms», «allow-popups» et «allow-top-navigation» dans le paramètre «sandbox» n'est pas reconnu, une position précise doit être respecté dans la page (et ne peut donc pas apparaître en haut d'un document ou ne pas être dans les 75% de la zone visible du haut) et la taille ne peut pas être toute la page ou la largeur. En somme, la balise «amp-iframe» est beaucoup plus restrictive que son équivalente HTML.
Dernière mise à jour : Lundi, le 23 mai 2016