HTML 5入门知识点
*HTML5 声明为：<!Doctype html>
*默认编码为：< meta charest="utf-8">
*所有现代浏览器都支持HTML5的语义化，此外，还可以向老浏览器添加shiv，让它们可以处理未知元素。添加 IE浏览器支持的shiv ：
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<article> <section> 与 <div> 之间的差异
在 HTML5 标准中，<article> <section> 与 <div> 之间的差异很小，令人困惑。
在 HTML5 标准中，<section> 元素被定位为相关元素的块。
<article> 元素被定义为相关元素的完整的自包含块。
<div> 元素被定义为子元素的块。
（几个标签可以互相转换使用）
HTML(5) 样式指南和代码约定：
*请始终在文档的首行声明文档类型
*关闭所有 HTML 元素
*<title> 元素在 HTML5 中是必需的。请尽可能制作有意义的标题
canvas 元素用于在网页上绘制图形:
* canvas 元素本身是没有绘图能力的,所有的绘制工作必须在 JavaScript 内部完成
*JavaScript 使用 id 来寻找 canvas 元素：var c=document.getElementById("myCanvas")
然后，创建 context 对象：var cxt=c.getContext("2d");getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法
最后是对图像的描述
SVG和Canvas的区别：
* SVG 是一种使用 XML 描述 2D 图形的语言。
SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
*Canvas 通过 JavaScript 来绘制 2D 图形。
Canvas 是逐像素进行渲染的。
在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。
浙公网安备 33010602011771号