用于存储数据的“标题”属性的最佳替代方法,例如单词的替代含义

时间:2011-07-13 07:21:39

标签: jquery html

我将使用jquery来显示不是每个人都会立即知道或理解的单词的替代含义。一个非常糟糕的例子:“约翰尼是个小男孩。”用户可以标记一个复选框以打开现在的模式:“Johnny是一个小(小,小,短)的男孩。”再一次,非常简单的例子。我不想使用title属性,因为它弹出那个丑陋的工具提示。有些人可能没问题,我不是。

最佳属性或方法是什么?创建我自己的属性?有什么好处和陷阱?

4 个答案:

答案 0 :(得分:2)

这可能适用于HTML 5 data- attributes。您可以定义自己的属性,例如data-translation,并像这样使用它:

Johnny is a <span data-translation="tiny, small, short">little</span> boy.

然后,您可以编写一些代码来从data-translation属性获取数据,并在用户启用翻译时将其插入span元素之后。

答案 1 :(得分:2)

<span data-easy="tiny, not large" class="easy"> small </span>

使用jQuerys数据http://api.jquery.com/jQuery.data/

maby使用CSS来显示它们:

span.makeeasy[data-easy]:after { content: " (" attr(data-easy) ")"; }

然后将内容放入DIV并添加'makeeasy'类以显示值。 (你可能需要为旧的brwsers备用)

答案 2 :(得分:1)

为什么不将定义列表(dl)与dd用于定义,dt用于术语:http://w3schools.com/html/html_lists.asp

答案 3 :(得分:0)

我建议你试试jQuery数据:http://api.jquery.com/jQuery.data/