来源：菜鸟HTML5教程
一、简介：参考>>
HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5新特性：
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 新的特殊内容元素，比如header、nav、article、section、footer
- 新的表单控件，比如 calendar、date、time、email、url、search
- 对本地离线存储的更好的支持
<!DOCTYPE html> //声明必须位于 HTML5 文档中的第一行 <html> <head> <meta charset="utf-8"> //中文网页需要使用utf-8声明编码否则会乱码 <title>文档标题</title> </head> <body> 文档内容...... </body> </html>
HTML5 图形
使用 HTML5 你可以简单的绘制图形:
- 使用 <canvas> 元素。
- 使用内联 SVG。
- 使用 CSS3 2D 转换、CSS3 3D 转换。
什么是SVG？
- SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
- SVG 用于定义用于网络的基于矢量的图形
- SVG 使用 XML 格式定义图形
- SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
- SVG 是万维网联盟的标准
SVG优势
与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：
- SVG 图像可通过文本编辑器来创建和修改
- SVG 图像可被搜索、索引、脚本化或压缩
- SVG 是可伸缩的
- SVG 图像可在任何的分辨率下被高质量地打印
- SVG 可在图像质量不下降的情况下被放大