我可以在HTML标签上构建属性吗？

Question

我可以在HTML标签中添加我想要的任何属性,这样我以后可以使用javascript检索它们的值吗？例如:

<a href="something.html" hastooltip="yes" tipcolour="yellow">...</a>

如果这不起作用,你会如何存储这样的任意信息？

编辑:由于看起来构建 HTML属性在技术上并不合适,我在这里将这个问题的第二部分改为自己的问题:如何为某些HTML标签存储任意数据

Answer 1

在HTML5中,是的.你只需要为它们添加前缀data-.请参阅规格.

当然,这意味着您应该使用HTML5 doctype(<!doctype html>),即使浏览器不关心.

这不会破坏任何东西而不是任意选择属性,它对未来的规范有效,全面微笑! (17认同)
嗯,这个规范是在最终之前使用的.http://wiki.whatwg.org/wiki/FAQ#When_will_we_be_able_to_start_using_these_new_features.3F (6认同)

Answer 2

好吧,您始终可以创建自己的DTD以获取标签的新有效属性.浏览器不会打嗝,如果可以访问这些自定义属性,则应测试JavaScript.或者您可以使用HTML和CSS提供的现有工具.你可以使用多个类

<a href="..." class="class-one class-two has-tooltip">

对于颜色选择,我强烈建议您不要在HTML中使用硬编码的颜色名称,而是使用CSS来声明样式.使用class属性作为CSS声明的钩子,并选择语义类名称

HTML:

<a href="..." class="has-tooltip common-tooltip">
<a href="..." class="has-tooltip long-tooltip">

CSS:

a.has-tooltip {
   colour: red;
}
a.common-tooltip {
   background: #ddd;
}
a.long-tooltip {
   background: #ebf;
}

在您的JavaScript代码中,您可以使用类似"long-tooltip"和"common-tooltip"而不是"yellow-tooltip"的类生成元素,因此在重新设计页面以获得绿色工具提示时,您不会自相矛盾.