在图像标题属性中添加HTML

时间:2015-08-28 作者:Toby Cannon

我正在使用一些jquery,它在悬停的图像上应用覆盖。脚本使用图像标题属性中的内容显示在图像上。当我在本地进行测试时,它似乎起到了作用,我可以在title="" 然而,我现在正尝试在WordPress中使用它,它似乎不允许我在title属性中设置文本样式。

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

1 个回复
最合适的回答,由SO网友:Ignat B. 整理而成

首先,我建议你停止使用title html容器用途的属性:

图像标题(元素名称本身)应提供额外的信息,并遵循常规标题的规则:标题应相关、简短、吸引人且简洁(标题“提供有关为其设置的元素的建议信息”)。在FireFox和Opera中,当您将鼠标悬停在图像上时,它会弹出

为了让事情顺利进行,您可以使用data- 属性(非常好的“中级”article 关于数据属性以及如何使用的示例)

考虑到[Can data-* attribute contain HTML tags?] 使用有效data- 带有HTML的属性,并且,正如上面参考下建议的那样,考虑字符转义。

相关推荐

使用类别模板自动向新帖子添加自定义css

我继承了修改Wordpress站点的任务(使用子主题)。我是设计师,不是代码或后端专家。我已经在一个网站上定制了一组页面,使用一个插件,允许将自定义CSS应用于各个页面,使其具有其他页面的替代样式。然而,我需要达到这样一个阶段,即这种修改CSS会自动应用于具有特定类别的新帖子,而不是作者必须这样做。我已经解决了如何设置特定于类别的帖子模板(遵循了教程),但我不知道如何将自定义CSS应用到这个PHP模板。我假设它不只是添加到PHP模板文件中(我尝试了一下,代码显示为文本)。非常感谢您的指点。