前端開發規範(一、HTML篇)

前端開發規範(一、HTML篇)

前端開發規範(一、HTML篇)

基本原則

結構、樣式、行為分離

儘量確保文檔和模板只包含 HTML 結構,樣式都放到樣式表裡,行為都放到腳本里。

縮進

統一兩個空格縮進(總之縮進統一即可),不要使用 Tab 或者 Tab、空格混搭。

文件編碼

使用不帶 BOM 的 UTF-8 編碼。

在 HTML中指定編碼

無需使用 @charset 指定樣式表的編碼,它默認為 UTF-8 (參考 @charset);

一律使用小寫字母

前端開發規範(一、HTML篇)

省略外鏈資源 URL 協議部分

省略外鏈資源(圖片及其它媒體資源)URL 中的 http / https 協議,使 URL 成為相對地址,避免Mixed Content 問題,減小文件字節數。

其它協議(ftp 等)的 URL 不省略。

前端開發規範(一、HTML篇)

統一註釋

通過配置編輯器,可以提供快捷鍵來輸出一致認可的註釋模式。


HTML篇

標籤

  • 自閉合(self-closing)標籤,無需閉合 ( 例如: img input br hr 等 );
  • 可選的閉合標籤(closing tag),需閉合 ( 例如:


分享到:


相關文章: