語義清理HTML，CSS和JS的一般技巧？

由於我已經深入瞭解使用jQuery處理過的各種網站，我發現我可能會迷失是否將class屬性值附加到DOM中的元素以附加實際的CSS樣式，或將事件綁定到它。因此，我開始傾向於使用錨定標記上的rel屬性來表示是否將要綁定事件，並保留專門用於樣式化的class屬性。（我還沒有深入研究這個深度，以確定這種方法是否有任何缺點或基本缺陷，但是，我對此持批評態度。）語義清理HTML，CSS和JS的一般技巧？

這讓我想到其他人必須擁有類似的事情，他們會幫助保持他們的代碼組織，我有興趣瞭解一些可能在那裏漂浮的新想法。

來源

2010-09-21 Matt Huggins

應該是社區wiki。 – Yahel 2010-09-21 19:03:15

謝謝，yc。我從來沒有在這裏製作過一個社區維基，所以在創建這個問題之前我都沒有考慮過這個問題，但我現在已經明白了。 :) – 2010-09-21 19:10:34

通常這對我來說並不是什麼大問題，即使在中型項目中也是如此。

我通常爲樣式分配類，而且我經常最終在JS代碼中使用相同的選擇器。從語義上講，rel屬性不適合存儲數據。因爲它應該指出與目標之間的關係。

HTML5使事情更加靈活data-自定義屬性。

來源

2010-09-21 19:21:44

當您有多個具有共享演示文稿或共享行爲的HTML元素時，使用class屬性。

所以，如果你有幾個按鈕你想要使用相同的事件處理程序，那麼你給這些按鈕一個類，然後使用JavaScript來選擇這些元素（按類），以設置處理器上他們使用具有選擇器引擎的JavaScript庫）。例如，在jQuery中：

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

類用於CSS樣式和JavaScript操作。

來源

2010-09-21 19:43:30

語義清理HTML，CSS和JS的一般技巧？

回答

相關問題