使用HTML类名作为元数据

Question

我是否应该在HTML页面中使用完全描述它的类名，例如。 navbar-static-8描述包含8个项目的固定导航栏？ 或者我应该将元数据包装到单独的属性中，例如type="static" items="8"。

我希望在javascript中解析这些名称。

Answer 1

Cleaner将使用以下数据属性：

<div data-type="static" data-items="8"></div>

John Resig写了一篇关于这个http://ejohn.org/blog/html-5-data-attributes/

的好文章

但是如果“static”指的是你想要用于项目设计的东西，你应该使用类，因为这些类被设计用于CSS。 Javascript中的数据属性更多地用作关于对象的元数据。

Answer 2

是的，您可以使用navbar-static-8类型的类名称，并且可以'type =“static”items =“8”'您的自定义属性，但在所有浏览器上进行测试（特别是Intenet Explorer）< / p>

Answer 3

你应该使用描述性的类名来直观地使用css，比如“navbar navbar-static”并使用js的html5数据，比如 data-navitems =“5”

使用级联，使用两个css类， navbar 来描述常规nabvars属性，使用 navbar-static 来描述静态导航栏的样式。