HTML5 技术点（站在技术大牛的肩膀上看世界，将不断更新）

我是一个忘性很大的人，每天逛着各大论坛，却总是看了又忘，所以想把自己学习过的知识点整理成这个帖子，有空的时候回顾回顾，顺便提升一下自己的成就感，免得心里空落落的，觉得自己没有进步。

---

1、浏览器如何识别当前是HTML5文档：<! DOCTYPE html>

2、HTML语义化--具体可以看我的贴子，有总结

3、datalist：自动完成文本框

<input list="keyword">
<datalist id="keyword">
  <option value="keyword1">
  <option value="keyword2">
  <option value="keyword3">
  <option value="keyword4">
  <option value="keyword5">
</datalist>

4、HTML5新表单元素

表单元素：color（颜色选择对话框）

<input type="color" name="pickcolor"/>

表单元素：date（日历对话框）

<input type="date" name="pickday"/>

表单元素：datetime-local（含有本地时间的日历对话框）

<input type="datetime-local" name="pickdatetime"/>

表单元素：email（含有email校验的文本框）

<input type="email" name="email"/>

 表单元素：url（含有url校验的文本框）

<input type="url" name="sitename"/>

表单元素：number（文本框展示数字范围）

<input type="number" name="number" min="1" max="6"/>

表单元素：range（控制范围，拉条）,step是每增加/减少一次的精度

<input type="range" name="number" min="1" max="6" value="2" step="2"/>

表单元素：search（文本框作为搜索引擎）

<input type="search" />

表单元素：time（只能输入时间）

<input type="time" name="timevalue" />

表单元素：tel（电话号码）

<input type="tel" name="telvalue" />

5、输出元素：output

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
    <input type="range" id="a" value="50">100
    +<input type="number" id="b" value="50">
    =<output name="x" for="a b"></output>
</form>

6、SVG=Scalable Vector Graphics=可缩放矢量图形。（学习笔记会更新在新的帖子里哦）。

7、Canvas（学习笔记会更新在新的帖子里哦）。