PHP : script pour supprimer certains attributs de tags HTML

PHP : script pour retirer les attributs des tags HTML photo

J’ai eu besoin récemment de pouvoir contrôler les attributs des liens qui s’affichaient sur le blog et plus spécialement ceux qui sont fournis par des sites tiers (sponsors etc). Et bien figurez-vous que certains liens ne sont pas du tout valides : leurs liens ont des attributs obsolètes ou inadaptés avec comme des target="_blank" qui brisent la navigation en fenêtres/onglets supplémentaires, supprimant la fonctionnalité du bouton back pour revenir à la page précédente. Du coup, j’ai retroussé un peu mes […]

Lire la suite »

HTML5 : corriger l’erreur “element link is missing required attribute property”

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Le problème : pas d’attribut property pour les feuilles de styles du corps de page Si, lors de la validation HTML5 de vos pages, vous obtenez le message d’erreur de validation suivant : “Element link is missing required attribute property” … alors il y a fort à parier qu’une feuille de style (CSS) est appelée via une balise link dans le corps de votre page (body) au lieu d’être insérée dans l’entête (header) comme à l’accoutumée. Sous WordPress par exemple, […]

Lire la suite »

HTML5 : corriger l’erreur “The frameborder attribute on the iframe element is obsolete. Use CSS instead.”

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Le problème : l’attribut HTML frameborder Si vous obtenez l’erreur : “The frameborder attribute on the iframe element is obsolete. Use CSS instead.” sur le validateur HTML5 du W3C, c’est que le code de votre page HTML5 contient un élément <iframe> avec un attribut frameborder comme dans l’exemple suivant : <iframe frameborder="0" … /> La solution : la propriété CSS border Comme l’attribut frameborder n’est plus présent dans HTML5, il faut utiliser la propriété border en CSS à la place […]

Lire la suite »

HTML5 : corriger l’erreur “The scrolling attribute on the iframe element is obsolete. Use CSS instead.”

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Le problème : l’attribut HTML scrolling Si, au détour d’une validation du code HTML5 de votre page, vous obtenez l’erreur suivante: “The scrolling attribute on the iframe element is obsolete. Use CSS instead” … c’est que le code de votre page HTML5 contient un élément <iframe> avec un attribut scrolling comme dans le code suivant : <iframe scrolling="no" … /> La solution : la propriété CSS overflow Comme l’attribut scrolling ne fait plus partie des spécifications HTML5, il faut utiliser […]

Lire la suite »

WordPress : valider le code des meta oEmbeds de YouTube, DailyMotion, Vimeo et SlideShare

WordPress : valider le code des meta oEmbeds de YouTube, DailyMotion, Vimeo et SlideShare photo

Allez, je continue ma petite série sur la gestion de l’intégration oEmbed sous WordPress. WordPress gère nativement plusieurs services : copiez-collez l’adresse d’une vidéo YouTube dans un article et hop, vous obtenez une vidéo entièrement intégrée, avec un code plutôt propre mais pas entièrement valide. Je vous propose donc de valider le code généré par WordPress lorsqu’il vient de sites tiers comme YouTube, DailyMotion, Vimeo ou SlideShare. Valider le code oEmbed de YouTube Il suffit de lancer les quatre requêtes […]

Lire la suite »

Nouveautés du site : hiver 2013 – printemps 2014

Voici une petite liste des derniers ajouts, modifications et améliorations du site ces derniers mois : [*] PHP : déplacement de mes bouts de code du fichier functions.php pour les organiser dans un fichier-plugin. [*] HTML : ajout des meta Dublin Core sur la page d’accueil, passage des balises H2 en H1 pour les titres des articles, correction du code HTML5 parce que le validateur W3C a changé ses recommandations. [*] CSS : nettoyage du code CSS. J’ai remplacé les […]

Lire la suite »

Nouveautés du site : été-automne 2013

Voici les quelques mises à jour du serveur et du site depuis quelques mois : [+] Serveur : JetPack qui me permet d’avoir un module de statistiques extrêmement simple et qui ne casse pas le code du site. J’ai désactivé la plupart des modules car certains cassent la validation HTML. Le module Contact conserve une trace de tous les messages de la page Contact dans la base de données… pas vraiment idéal vus les spams. J’ai installé Fast Secure Contact […]

Lire la suite »

WordPress : retourner et exécuter un shortcode dans une fonction

WordPress : récupérer la liste emails des membres et commentateurs photo

Pour les besoins du CKYF, j’ai écrit une fonction qui doit afficher une vidéo automatiquement. Or je voulais juste renvoyer un shortcode vidéo qui prendrait en charge toute la partie code du lecteur vidéo. On ne peut pas juste renvoyer la valeur, il faut utiliser la fonction do_shortcode() de WordPress. Cas 1 : exécuter un shortcode dans une fonction La solution réside dans l’utilisation de la fonction do_shortcode(). Voici un petit exemple : < ?php /* |----------------------------------------------------------------------- | Sky Show […]

Lire la suite »

Encoder une vidéo H.264 : utiliser qt-faststart pour la lecture progressive

h264-logo

Dernièrement, j’ai eu l’occasion de jouer avec l’intégration d’un lecteur vidéo en HTML5 pour jouer des vidéos encodées en H.264 (format .MP4) pour un client. Il se trouve qu’aucune vidéo ne se lançait directement : le lecteur chargeait le fichier entièrement (plus de 60 Mo) avant de daigner jouer la vidéo. La solution est toute simple : de la même manière que l’on peut créer un fichier JPG progressif (qui se charge de haut en bas, sans attendre le chargement […]

Lire la suite »

Nouveautés du site : printemps 2013

Voici les derniers ajouts au site depuis le début de l’année: [+] vous pouvez désormais poster des vidéos en commentaire juste en donnant le lien texte de la vidéo (merci Anne-Gaëlle pour la sugggestion). [+] le javascript est désormais chargé de manière asynchrone grâce à la librairie head.js. En pratique, la page (HTML, CSS, images) se charge et l’utilisateur peut interagir avec immédiatement, le code javascript est lui chargé après. Cela règle le problème que j’avais évoqué en novembre 2012. […]

Lire la suite »

WordPress : valider le code oEmbed Youtube en HTML5

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Le problème : le code des vidéos n’est pas valide en HTML5 Voici ce que le code oEmbed de WordPress donne par défaut avec un lien Youtube : <p><iframe width="660" height="371" src="https://www.youtube.com/embed/Gvh2Zo7UL6E?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p> Or le petit problème, c’est que tout cela n’est pas vraiment valide au niveau W3C et je commence à me lasser de voir ces erreurs de validation sur toutes les pages du site avec des vidéos : Erreur 1 : Attribute allowfullscreen not allowed on element […]

Lire la suite »

HTML5 : résoudre l’erreur “keyword publisher is not registered” (validateur W3C)

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Sur votre site ou blog, vous avez peut-être ajouté le widget ou bouton +1 de Google+, le réseau social de Google. Or le petit problème, c’est que le code fourni empêche la bonne validation du document. Voici le code fourni par Google : <a href="https://plus.google.com/114535411372700844744" rel="publisher nofollow" title="Google+">Google+</a> et voici l’erreur renvoyée par le validateur W3C : Keyword publisher is not registered HTML5 étant toujours en cours de réalisation, les valeurs de la balise rel sont assez restreintes et on […]

Lire la suite »

Page 1 sur 212

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: