是否有關於如何創建優先使用JavaScript的漂亮HTML的指南？

這可能看起來像一個奇怪的問題，但我發現JavaScript很容易或很難，這取決於你如何編碼HTML。有沒有一本書或網站詳細介紹了編碼HTML的成功模式和指導原則，以便它對jQuery，css和複雜的ajax應用程序非常有用？像可靠的生活規則一樣。是否有關於如何創建優先使用JavaScript的漂亮HTML的指南？

再一次，似乎是一個奇怪的問題也許，但我不知道更好的方式來問它。我發現自己總是必須隨着新事物的出現而改變標記 - 例如在隱藏的輸入元素與數據屬性之間切換......或者放入更多ID或帶走ID - 我想我會以正確的方式做到它，但我很好奇，如果有人打擾分析這一點，並提出了一些偉大的指導方針，標準和模式，使得由此產生的HTML是第一次。

感謝

來源

2011-11-25 egervari

將語義HTML（和[類名（http://www.w3.org/QA/Tips/goodclassnames））做呢？ – outis

https://www.google.com/search?q=html+coding+standards –

這篇文章似乎回答我的問題： http://www.viget.com/inspire/extending-paul-irishs-comprehensive-dom-ready-execution/

來源

2011-12-04 12:27:44 egervari

，如果你想編寫一些乾淨的HTML，這將是易於使用的第一件事情就是要確保你的代碼是有效的針對官方DTD，HTML4（here）或XHTML（here）。

然後使用（可重複那些只爲獨特的部分id和class）以適當的方式id和class，並根據上下文正確命名他們，使他們很容易到達。

來源

2011-11-25 00:44:29 talnicolas

對不起。我不認爲我很清楚。是的，我在創建有效標記時沒有問題。我沒有學習如何做HTML - 我更多地問如何做到美觀和優雅。它更像是一個代碼美學問題，但也是一個功能性問題，因爲JavaScript會消耗您編寫的html。我相信你會同意缺少data-attributes或id的html會讓它變得更加困難，以及類似的事情。我問的是：大多數有經驗的開發人員使用默認的編碼風格，以防止在應用JavaScript時出現問題和問題嗎？ – egervari

我認爲如果你仔細想想，talnicolas關於屬性的id和類的陳述會回答你的問題。只要嘗試爲頁面中屬於語義的部分創建div封裝器並正確命名它們，那麼您應該很好。有幾個div可以讓你的樣式表或javascript最終不會使用，這沒什麼錯。相反，添加div/id/classes也沒有問題，因爲您發現它們需要它們;這就是所謂的迭代開發;-) –

我也想說，HTML本身不應該努力去追求美麗和優雅 - 它應該是_semantically描述_以及乾淨和正確。這是CSS，並且在某種程度上，使HTML的內容變得美麗和優雅。（我知道你可能明白了，egervari，只是想說明清楚。） –

最好的方法是一起開發html和javascript。這樣你就可以根據需要調整文檔結構。

來源

2011-11-25 00:51:50

從我的經驗，我真的認爲，當涉及到大型項目和專業的JavaScript代碼，目標實際上變成解耦它生活在任何HTML的JavaScript代碼。

如前所述，作爲只要你使用格式良好的HTML（符合DTD），像jQuery這樣的庫不應該有任何麻煩操作它。但是，作爲最佳實踐，我建議儘量分離和封裝依賴項，無論它們是因爲HTML結構還是其他JavaScript代碼塊。

來源

2011-11-25 01:00:20 IkimashoZ

是否有關於如何創建優先使用JavaScript的漂亮HTML的指南？

回答

相關問題