Le problème : pas d'attribut property pour les feuilles de styles du corps de page

HTML5-logoSi, 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, cela peut être dû à un plugin qui appelle ses fichiers trop tard dans la construction de la page pour pouvoir insérer sa feuille de style dans l'entête.

<body>
...
<link rel="stylesheet" id="mediaelement" href="https://example.com/style.css" type="text/css" media="all">
...
</body>

La solution : ajouter property="stylesheet"

Il suffit d'éditer le code source de votre page ou fichiers afin d'ajouter l'attribut property, comme ceci : property="stylesheet".

Ce qui nous donne donc:

<body>
...
<link rel="stylesheet" property="stylesheet" id="mediaelement" href="https://example.com/style.css" type="text/css" media="all">
...
</body>

Sous WordPress, j'utilise le plugin BWP-Minify, c'est donc dans son code source que j'ai ajouté l'attribut property.

Et voilà, cela ne produit plus d'erreur dans le validateur HTML.

Pour développer votre projet WordPress ou Woocommerce, faites appel à mon expertise pour réaliser un site rapide, performant et fonctionnel.

Je soumets mon projet

Si vous avez trouvé une faute d’orthographe, informez-nous en sélectionnant le texte en question et en appuyant sur Ctrl + Entrée s’il vous plaît.

Articles en rapport:

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

par Matt Lecture: 1 min
0

Pin It on Pinterest

Share This

Spelling error report

The following text will be sent to our editors: