H TML5 之 （1） 初识HTML5
新特性
HTML5 中的一些有趣的新特性：
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素，比如 article、footer、header、nav、section
- 新的表单控件，比如 calendar、date、time、email、url、search
浏览器的支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性
基本格式
<!DOCTYPE html>
<html>
<head>
<!--网页的编码-->
<meta charset="utf-8"/>
</head>
<body>
<!--这是一个画布标签，我们这个这个区域绘制图形.-->
<canvas id="can1" width="500px" height="400px" style="border: 1px solid red">
</canvas>
<script type="text/javascript">
//我要在画布画出矩形.
//1. 得到画布
var canvas=document.getElementById("can1");
//2. 得到上下文环境.,我们可以通过cxt这个对象来绘制图形
//你也可以简单的理解，这个cxt就是画笔,cxt提供了很多绘制图形的方法
//通过这些方法就可以绘制图形
var cxt=canvas.getContext("2d");
//我们看看cxt是什么类型
//alert(cxt);
//画出一个矩形,默认是黑色
//改变颜色-红色
cxt.fillStyle="#FF0000";
cxt.fillRect(10,10,30,30);
</script>
</body>
</html>
到这里HTML5的最简单的预热就结束了。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
