HTML元素：屬性訂貨

Question

分析幾頁注意到不同的方法/寫作風格，我想知道如果HTML元素的順序屬性效果：

• 瀏覽器性能
• 渲染（明顯與否）
• 客戶機/服務器計算資源
• 什麼？

他們是我應該考慮的排序標準嗎？

我只能想到它影響JQuery選擇的第n個屬性。

即：

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

VS

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

Answer 1

在查詢側：

• 使用的ID選擇器的O（1），而不是由類ø選擇（n）的
• 使用類多個元素的選擇，標識用於選擇僅與一個元素（這將導致你只使用的ID或者是一個班，平時從不兩者）

在渲染方面：

• 最小化瀏覽器迴流（https://developers.google.com/speed/articles/reflow）
• CSS：使用聲明一次（https://developers.google.com/speed/articles/optimizing-css）

Answer 2

不要緊，它通常是一種風格決定或任何你需要通過JS和CSS首先進行格式化。 HTML Attributes Explained