## 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文件中生成标签难查找,难编辑,性能差所以尽量避免这种情况的出现