我正在使用一些jquery,它在悬停的图像上应用覆盖。脚本使用图像标题属性中的内容显示在图像上。当我在本地进行测试时,它似乎起到了作用,我可以在title=""
然而,我现在正尝试在WordPress中使用它,它似乎不允许我在title属性中设置文本样式。
<img src="img.png" title="<h1>Title heading</h1><hr><h2>Title sub heading</h2>"
最合适的回答,由SO网友:Ignat B. 整理而成
首先,我建议你停止使用title
html容器用途的属性:
图像标题(元素名称本身)应提供额外的信息,并遵循常规标题的规则:标题应相关、简短、吸引人且简洁(标题“提供有关为其设置的元素的建议信息”)。在FireFox和Opera中,当您将鼠标悬停在图像上时,它会弹出
为了让事情顺利进行,您可以使用data-
属性(非常好的“中级”article 关于数据属性以及如何使用的示例)
考虑到[Can data-* attribute contain HTML tags?] 使用有效data-
带有HTML的属性,并且,正如上面参考下建议的那样,考虑字符转义。