# HTML-畫骨-書寫規范 ## 通用 - 嚴格使用xhtml書寫規范。 * 屬性值必須使用雙引號括起來。 * 所有標簽都必須合理嵌套。 * 不是標簽一部分的特殊符號都用編碼表示。 - 所有標簽和屬性名稱都必須小寫。(包括自定義屬性名) - 不使用屬性簡寫：readonly - 標簽的使用 遵循“標簽語義化” 的原則，避免標簽濫用。 - html要求結構清晰，結構層級扁平化處理 - 合理使用id、class選擇符 * 框架，全局，模塊class使用連字符區別 “f-th ”“m-case” * id、class命名遵照駱駝命名法中小駝峰寫法，命名要有意義，一目了然 * 標簽如果有需要特殊說明、標注狀態更換、class或id是簡寫等情況，應在該標簽上方以注釋的形式標注出完整意思（通用簡寫除外） ~~~ <li> <!-- 已經下架課程 添加class statu-offtime --> <div class="m-course statu-offtime" href="#"></div> </li> ~~~ ## 細節 - a標簽要求有 title 屬性，一下情況除外： 1.導航a標簽 2.廣告位，客戶沒有要求的a標簽。 3.圖片或欄目標題 圖片做“查看詳情” - img標簽需要添加alt屬性，以說明這張圖片內容，增加搜索引擎檢索。 - 前綴或后綴圖標用i的背景圖片構造 - 禁止使用鍵盤空格。若必須使用空格，則使用"&nbsp;"