1.html5新元素：
新的输入类型：email；url；number；range；Date pickers (date, month, week, time, datetime, datetime-local)；search；color
新的表单元素：datalist；keygen；output
2.video和audio
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
属性 值 描述
autoplay autoplay如果出现该属性，则视频在就绪后马上播放。
controls controls如果出现该属性，则向用户显示控件，比如播放按钮。
height pixels设置视频播放器的高度。
loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
preload preload如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。
Your browser does not support the audio element.
3.客户端存储
HTML5 提供了两种在客户端存储数据的新方法：
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。
对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。
HTML5 使用 JavaScript 来存储和访问数据。
localStorage 方法:
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
如何创建和访问 localStorage：实例
记录访问次数
刷新页面会看到计数器在增长。
请关闭浏览器窗口，然后再试一次，计数器会继续计数。
sessionStorage 方法：
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
如何创建并访问一个 sessionStorage：
实例
记录本次浏览器的访问次数
4.canvas
矩形：
线条：
圆形：
图片:
【html5知识点整理总结】5.HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
推荐阅读
- JavaScript|JavaScript之DOM增删改查(重点)
- flex|C语言-使用goto语句从循环中跳出
- quill|Quill编辑器插入自定义HTML记录
- HTML基础
- HTML基本知识
- web前端笔记|web前端学习-第一天
- 百度网盘|教你优雅绕开百度网盘限速机制
- 数据可视化|几款免费在线甘特图工具
- HTML+Js实战项目|在网页中实现icon小图标的几种方法
- 如何修改网页小图标，浏览器页面上的图标。