我想要一个存储工具提示标记的地方。我想到data-*
属性,它有效,但我想知道它是错还是可能导致问题......
<a href="#"
title="You can edit project details like name & description"
data-tip="<h6>Edit Project</h6><p>You can edit project details like name & description here</p>">
Edit
</a>
答案 0 :(得分:3)
这很好;一个小的副作用是{4}}属性在HTML 4中无效。除了(误)使用其他现有属性之外,你无能为力。这通常比不通过验证更糟糕。
建议将data-*
转义为>
以防止HTML解析器损坏。 Source
将>
转移到&
是必要的,因为它是有效的HTML(如果&
后面没有空格,从而形成一个实体,欢呼@bobince )
显然,您必须将&
转义为"
以防止HTML中断。
答案 1 :(得分:0)
属性可以包含已分析的数据(包括字符引用),因此在自定义属性中保留HTML很好。
我能看到的问题是提前终止字符串。只要你编码引号,你就可以了。