语义清理HTML，CSS＆amp; amp; JS？

Question

随着我越来越深入地使用jQuery和我曾经使用过的各种网站，我发现我可以迷失是否将class属性值附加到DOM中的元素中附加实际的CSS样式，或将事件绑定到它。因此，我开始倾向于使用锚标记上的rel属性来表示某些内容是否会绑定到某个事件，并将class属性专门用于样式化。 （我没有深入研究这个问题，以确定这种方法是否存在任何缺点或根本缺陷，并对此发表评论及批评。）

让我认为其他人必须有类似的事情来帮助保持他们的代码有条理，而且我有兴趣了解可能会出现在那里的一些新想法。

Answer 1

通常这对我来说不是什么大问题，即使在中型项目中也是如此。

我通常为样式分配类，我经常在JS代码中使用相同的选择器。 从语义上讲，rel属性不是存储数据的适当方式。因为它应该指出链接与目标的关系。

HTML5通过data-自定义属性使事情变得更加灵活。

Answer 2

当您有多个具有共享演示或共享行为的HTML元素时，可以使用class属性。

因此，如果你有几个按钮想要使用相同的事件处理程序，那么你给这些按钮一个类，然后使用JavaScript来选择那些元素（按类），以便在它们上设置处理程序（你使用一个包含选择器引擎的JavaScript库。例如，在jQuery中：

$(".addButton").click(function() {
    // the event handler
});

类用于CSS样式和JavaScript操作。