Ajout de HTML dans un attribut de titre d'image
J'utilise un jquery qui applique une superposition sur une image en vol stationnaire. Le script utilise le contenu de l'attribut title de l'image pour l'afficher par-dessus l'image. Lorsque j'ai testé cela localement, cela semblait fonctionner et je pouvais styliser le texte dans title=""; toutefois, j'essaie maintenant de le faire fonctionner dans WordPress, et cela ne semble pas me permettre de styliser le texte dans l'attribut title.
<img src="img.png" title="<h1>Title heading</h1><hr><h2>Title sub heading</h2>"
Tout d'abord, je vous recommande de cesser d'utiliser l'attribut title pour les besoins du conteneur HTML:
Le titre de l'image (et le nom de l'élément parle de lui-même) devrait fournir des informations supplémentaires et respecter les règles du titre habituel: il devrait être pertinent, court, accrocheur et concis (un titre "offre des informations consultatives sur l'élément pour lequel il est défini. “). Dans FireFox et Opera, il apparaît lorsque vous survolez une image.
Pour que tout fonctionne, vous pouvez utiliser l'attribut data- (très bon "/ intermédiaire" article à propos de l'attribut data avec un exemple d'utilisation)
Considérant [l'attribut data- * peut-il contenir des balises HTML?] il est correct d'utiliser les attributs data- avec HTML et, comme recommandé dans la référence ci-dessus, prendre en compte les caractères d'échappement.