it-swarm.com.de

Hinzufügen von HTML innerhalb eines Bildtitelattributs

Ich verwende eine Abfrage, mit der ein Bild beim Hover überlagert wird. Das Skript verwendet den Inhalt des title-Attributs des Bildes, um ihn über dem Bild anzuzeigen. Als ich dies lokal getestet habe, schien es zu funktionieren, und ich konnte den Text innerhalb von title="" formatieren. Ich versuche jedoch jetzt, ihn in WordPress zum Laufen zu bringen, und es scheint mir nicht zu ermöglichen, den Text innerhalb des title-Attributs zu formatieren.

<img src="img.png" title="<h1>Title heading</h1><hr><h2>Title sub heading</h2>"
3
Toby Cannon

Zunächst würde ich empfehlen, dass Sie das Attribut title nicht mehr für HTML-Containerzwecke verwenden:

Der Bildtitel (und der Elementname sprechen für sich selbst) sollte zusätzliche Informationen enthalten und den Regeln des regulären Titels entsprechen: Er sollte relevant, kurz, einprägsam und prägnant sein (ein Titel bietet Informationen zu dem Element, für das er festgelegt wurde “). In FireFox und Opera wird es angezeigt, wenn Sie den Mauszeiger über ein Bild halten

Um Dinge zum Laufen zu bringen, können Sie das Attribut data- verwenden (sehr gutes "Intermediate" article about data-Attribut mit einem Anwendungsbeispiel).

Unter Berücksichtigung von [Kann Daten- * Attribut HTML-Tags enthalten?] ist es gültig, data--Attribute mit HTML zu verwenden, und, wie unter der obigen Referenz empfohlen, die Zeichenflucht zu berücksichtigen.

3
Ignat B.