## 1. 語法
* 屬性名全小寫，用中劃線做分隔符
* 在屬性上，使用雙引號，不要使用單引號
* 縮進使用soft tab（4個空格）
* 在創建HTML文檔里總是使用代表內容的語義標記。
## 2. HTML5 doctype
#### 在頁面開頭使用doctype來啟用標準模式，doctype大寫
~~~
<!DOCTYPE html>
~~~
## 3. 字符編碼
#### 通過聲明一個明確的字符編碼，讓瀏覽器輕松、快速的確定適合網頁內容的渲染方式，通常指定為'UTF-8'。
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
...
</html>
~~~
## 4. CSS，JS引入
根據HTML5規范, 通常在引入CSS和JS時不需要指明 type，因為 text/css和 text/javascript 分別是他們的默認值。
~~~
<!-- 外部樣式 -->
<link rel="stylesheet" href="code_guide.css">
<!-- 內部樣式 -->
<style>
...
</style>
<!-- 外部JS -->
<script src="code_guide.js"></script>
<!-- 內部JS -->
<script>
...
</script>
~~~
## 5. 屬性順序
* class 高復用放在第一位
* id 更加具體且應用盡量少用，放在第二位
* name
* src, for, type, href, value , max-length, max, min, pattern
* placeholder, title, alt
* required, readonly, disabled
## 6. JS生成標簽
#### JS文件中生成標簽難查找，難編輯，性能差所以盡量避免這種情況的出現
