我将使用jquery来显示不是每个人都会立即知道或理解的单词的替代含义。一个非常糟糕的例子:“约翰尼是个小男孩。”用户可以标记一个复选框以打开现在的模式:“Johnny是一个小(小,小,短)的男孩。”再一次,非常简单的例子。我不想使用title
属性,因为它弹出那个丑陋的工具提示。有些人可能没问题,我不是。
最佳属性或方法是什么?创建我自己的属性?有什么好处和陷阱?
答案 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/