javascript - 语义清理 HTML、CSS 和 JS 的一般技巧?

标签 javascript jquery html css

随着我在我工作过的各个网站上更深入地使用 jQuery,我发现我可能会迷失在 class 属性值是否附加到DOM 以便附加实际的 CSS 样式,或将事件绑定(bind)到它。因此,我开始倾向于在 anchor 标记上使用 rel 属性来表示某些内容是否将绑定(bind)到事件,而保留 class 属性专门用于样式化。 (然而,我还没有深入研究这一点,无法确定这种方法是否存在任何缺点或根本缺陷,并且愿意接受对此的评论和批评。)

这让我想到其他人必须做类似的事情来帮助保持代码的组织性,并且我有兴趣了解一些可能存在的新想法。

最佳答案

通常这对我来说不是什么大问题,即使是在中型元素中也是如此。

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

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

关于javascript - 语义清理 HTML、CSS 和 JS 的一般技巧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3763533/

相关文章:

html - Bootstrap 对齐选择按钮和两个输入字段

javascript - jQuery .val() 忽略尾随小数点

javascript - 传单:分组图层和 Accordion 菜单 - 如何实现?

javascript - 对象内的函数导致错误

javascript - React.createContext 如何从单个上下文创建多个实例?

JQuery子选择器问题

javascript - 无法写入mongoDB : Inability to write in mongoDB:

javascript - 如何在 EL 表达式中使用 JavaScript (ui :param with value)

javascript - 如何使用 javascript 发送表单而不被重定向?

javascript - 为什么 jQuery 不能在 IE11 中运行