Question

下面是我在这个jquery工具提示教程中找到的一些html， content“”里面的内容使用javascript显示在工具提示中。我从来没有见过内容属性，我在W3schools.com上搜索但谷歌却找不到任何关于它的内容。这是有效的财产吗？

<a href="#" alt="Image Tooltip" rel="tooltip" content="<span>Image Title</span><br/> <img src='http://papermashup.com/demos/jquery-gallery/images/t2.png' width='120' height='120' class='tooltip-image'/> This is an example of an image tooltip with jquery, with a little bit of text.<br/> Remember you can follow me on twitter just search: ashleyford">Image Tooltip</a>

对不起如果我忽略了这一点，我只是简单地搜索了一下，在问这个之前看起来并不太多。

Answer 1

根据我对w3c的初步搜索，似乎标签没有这样的属性“内容”。 “content”属性仅适用于元标记。对于工具提示，您可以使用“title”属性。另外，我认为标题属性中不允许使用html。

<a href="#" alt="Image Tooltip" title="This will shows up as tooltip.">Image Tooltip</a>

Answer 2

这很可能是jQuery工具提示创建者用来保存工具提示文本的自定义属性。不幸的是，这是许多jQuery插件的常见做法（尽管大多数将这样的东西放在rel =“”属性中）。

这样做的缺点是，如果您担心验证HTML，这将导致失败。

好处是浏览器会忽略他们不期望的属性，因此不会影响页面的呈现。

适当的位置是title =“”属性，但在值中没有额外的HTML标记（在这种情况下为＆lt; span＆gt;）。

如果您必须有额外的标记，请务必对其进行编码：

title="&gt;span&lt;Image Title&lt;/span&gt"

但是，请注意，如果Javascript失败，用户会将此编码文本视为内置的浏览器呈现工具提示。

Answer 3

如果您需要将自定义属性放入元素中，请使用html5 data- attributes。

从John Resig无耻地复制：

<li class="user" data-name="John Resig" data-city="Boston"
     data-lang="js" data-food="Bacon">
  <b>John says:</b> <span>Hello, how are you?</span>
</li>

Answer 4

content属性不存在。对于工具提示，您可以使用title属性（适用于很多标记）。

我认为某些浏览器还会在alt标记的工具提示中使用img属性，但这不是alt的预期用途。

内容属性是否存在于html中

4 个答案: