Liens Google Maps: attributs déconseillés
Quand je valide ce page , j'obtiens ce genre d'erreur:
Ligne d'erreur 161, colonne 438: l'attribut scrolling de l'élément iframe est obsolète. Utilisez CSS à la place.
… 95,0.023378 & z = 14 & output = embed ">
✉ Erreur ligne 161, colonne 438: l'attribut marginheight de l'élément iframe est obsolète. Utilisez CSS à la place.
… 95,0.023378 & z = 14 & output = embed ">
✉ Erreur ligne 161, colonne 438: l'attribut marginwidth de l'élément iframe est obsolète. Utilisez CSS à la place.
… 95,0.023378 & z = 14 & output = embed ">
✉ Ligne d'erreur 179, colonne 477: l'attribut frameborder de l'élément iframe est obsolète. Utilisez CSS à la place.
… = 40.566625, -3.261292 & output = embed ">
✉ Ligne d'erreur 179, colonne 477: l'attribut de défilement de l'élément iframe est obsolète. Utilisez CSS à la place.
… = 40.566625, -3.261292 & output = embed ">
✉ Ligne d'erreur 179, colonne 477: l'attribut marginheight de l'élément iframe est obsolète. Utilisez CSS à la place.
… = 40.566625, -3.261292 & output = embed ">
✉ Ligne d'erreur 179, colonne 477: l'attribut marginwidth de l'élément iframe est obsolète. Utilisez CSS à la place.
… = 40.566625, -3.261292 & output = embed ">
Existe-t-il un moyen d'obtenir un lien Google Maps avec ce code erroné?
Cela a été discuté ici: http://www.webdeveloper.com/forum/showthread.php?261932-google-maps-iframe-error-on-validation Il existe deux solutions proposées.
Eye for Video dit:
Quelques erreurs signifieront peu comparé au contenu de la page, au nombre et à la qualité des liens entrants. Mais si vous le souhaitez, modifiez simplement le code
<iframe>à la main. Vous pouvez supprimer ces attributs et style si nécessaire. Ces attributs ne sont de toute façon que des problèmes de style. Ceci est juste un problème avec HTML5, pas des versions plus basses.
jedaisoul dit:
Il existe une alternative, qui résoudrait ce problème, n’utilisez pas d’Iframe. Si vous examinez attentivement le code fourni par Google pour la carte, celle-ci se divise en deux liens:
- Le lien actif qui s’affiche automatiquement dans l’Iframe.
- Un lien pour afficher une carte plus grande, qui ne s'affiche pas dans l'Iframe.
Ce que je fais c'est:
- Initialement, utilisez le code tel qu’il est donné et capturez l’affichage de la carte à l’aide de Impr écran. Cela peut être collé dans votre éditeur graphique préféré, optimisé et écrit dans un fichier JPG.
- Je substitue ensuite un
<IMG>affichant le fichier jpg de l’Iframe.- Je laisse le deuxième appel à Google Maps, afin que les utilisateurs puissent toujours accéder à une image active, pouvant être défilée ou zoomée, si nécessaire.
Cela présente l'avantage supplémentaire que le temps de chargement de ma page ne dépend pas d'une réponse de Google Maps, qui peut parfois être lente. Si vous voulez voir ce que je veux dire, ce site a deux cartes Google sur la page d'accueil, ce que je ne vous recommanderais pas de faire avec des liens en direct vers Google Maps, en particulier sur une page d'accueil !!! Incidemment, c’est aussi un exemple de la façon dont vous pouvez concevoir et structurer un site de manière à ce qu’il soit visible sur des écrans à partir de 320 pixels de large. Mais c'est une autre histoire...