Web規範小記錄1：團隊約定-基本原則
阿新 • • 發佈：2020-07-21
更新時間：
2020年7月21日17:05:26 重新編寫，以團隊約定為主。
Web規範-團隊約定-基本原則 小記錄：
前言：
每一次規範，都是為了下一次能更好的開發~
不要因為你在網上看到過規範文章，mark到你的收藏夾。你就會規範。
這個需要自己記錄，自己做專案前，翻出來先看一遍。
1、結構、樣式、行為分離
儘量確保文件和模板只包含HTML結構，樣式都放到樣式表裡，行為都放到腳本里。
2、縮排
網上有兩種說法，不能說誰對，誰錯。
自己團隊約定自己的規範就好。
1）統一兩個空格縮排（總之縮排統一即可），不建議使用Tab或者Tab、空格混搭。
2）倡議：
如果兩個標籤之間的關係是巢狀關係，子元素最好縮排一個tab鍵的身位（一個tab是4個空格）
。如果是並列關係，最好上下對齊。
3、一律使用小寫字母
團隊約定大小寫
HTML標籤名、類名、標籤屬性和大部分屬性值統一用小寫
推薦：
<head> <title>頁面標題</title> </head>
不推薦：
<HEAD> <TITLE>我的第一個頁面</TITLE> </HEAD>
4、
團隊約定：
HTML檔案必須加上 DOCTYPE 宣告，並統一使用 HTML5 的文件宣告
5、頁面語言lang
<html lang="en"> 指定html 語言種類
最常見的2個：
1.en定義語言為英語
2. zh-CN定義語言為中文
團隊約定：
考慮瀏覽器和作業系統的相容性，目前仍然使用 zh-CN 屬性值
@拓展閱讀：
簡單來說，可能對於程式來說沒有太大的作用，但是它可以告訴瀏覽器，搜尋引擎，一些處理Html的程式對頁面語言內容來做一些對應的處理或者事情。 比如可以
-
根據根據lang屬性來設定不同語言的css樣式，或者字型
-
告訴搜尋引擎做精確的識別
-
讓語法檢查程式做語言識別
-
幫助翻譯工具做識別
-
幫助網頁閱讀程式做識別 等等
6、檔案編碼
使用不帶BOM的 UTF-8 編碼。
-
- 在 HTML中指定編碼
<meta charset="utf-8">； - 無需使用
@charset指定樣式表的編碼，它預設為UTF-8（參考@charset）；
- 在 HTML中指定編碼
團隊約定：
一般情況下統一使用 "UTF-8" 編碼, 請儘量統一寫成標準的 "UTF-8"，不要寫成 "utf-8" 或 "utf8" 或 "UTF8"。
7、HTML標籤的語義化
語義是否良好： 當我們去掉CSS之後，網頁結構依然組織有序，並且有良好的可讀性。( 裸奔起來一樣好看 )
遵循的原則：先確定語義的HTML ，再選合適的CSS。
by不言謝