HTML元素：属性排序

Question

分析几个页面并注意到不同的方法/写作风格，我想知道HTML元素属性的顺序是否有效：

• 浏览器效果
• 渲染（明显与否）
• 客户端/服务器计算资源
• 什么？

他们是我们应该考虑的订购标准吗？

我只能想到它会影响第n个属性的JQuery选择。

即：

<div class="foo" id="bar"></div>

VS

<div id="bar" class="foo"></div>

Answer 1

在查询方面：

• 使用选择器O（1）的ID而不是按类O（n）
选择
• 使用类选择多个元素，只选择一个元素的选择ID（这将导致您只使用id或类，通常不使用两者）

在渲染方面：

• 尽量减少浏览器重排（https://developers.google.com/speed/articles/reflow）
• CSS：仅使用一次声明（https://developers.google.com/speed/articles/optimizing-css）

Answer 2

它通常是一种风格决定或者你需要首先通过js或css格式化并不重要。 HTML Attributes Explained