2011-11-23 晴 大连
日子过的真是快啊,一晃,有过了一年.今天看到IT组织大家一起学习HTML 5 ,我也兴起,也写写文章,介绍一下HTML的学习心得
在这里就不介绍HTML 5 到底是什么了,我想大家基本也能在网上找到,我就说下HTML 5 以后的发展
在查找一些资料后,知道了HTML 5 将在2012年发布候选推荐版,也就是说,现在HTML 5 还没有正式发布哦,还有就是2022年将发布计划推荐版 这个我想通过10年的努力
,HTML 5一定会更加的强大
HTML 5 提倡“简单至上,尽可能简化”
体现在:
- 以浏览器原生能力替代复杂的JavaScript代码
- 新的简化的DOCTYPE
- 新的简化的字符集
- 简单而强大的HTML 5 API
以上就能说明HTML 5的简单,具体的我将在以后的文章中做说明
下面添加基本的HTML 5 代码 我分析一下
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
</head>
<html>
<body>
<h1> Hello HTML 5</h1>
<h2> Hello HTML 5</h2>
<h3> Hello HTML 5</h3>
<h4> Hello HTML 5</h4>
<h5> Hello HTML 5</h5>
</body>
</html>
效果:
我在这里做下比较:
HTML 5:
<!DOCTYPE html>
HTML 4:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
HTML 5:
<meta charset="utf-9" />
HTML 4:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
比较之下,现在我们写的代码是越来越少了,而且更好记忆力
在这里我想也说明一下,为什么要学习HTML 5 ,HTML 5 真的增加了现在页面上迫切想添加到东西。
比如:画图功能,实时跟踪功能,节点定位,web SQL等等,让我慢慢的和大家分享也一下
1.Canvas API
Canvas API 可以动态的生成和展示图形,图表,图像以及动画。
SVG和Canvas API有很多相似的东西
分析:Canvas API不能想SVG图像那样可以被放大缩小,而且它也不存在页面DOM结构下(不足)
Canvas API执行的性能非常好,这个毋庸置疑
代码实现:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" >
<!--
function dotest(){
var canvas = document.getElementById("test");
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(0,300);
context.lineTo(300,0);
context.stroke();
context.save();
context.translate(70,140);
context.beginPath();
context.moveTo(0,0);
context.lineTo(70,-70);
context.stroke();
context.restore();
}
window.addEventListener("load",dotest,true);
//-->
</script>
</head>
<body>
<canvas id= "test" width="300" height="300" style="border : 1px solid;border-width: 5px;"/>
</body>
</html>
待。。。。
- 大小: 26.8 KB
- 大小: 36.2 KB
- 大小: 28.4 KB
分享到:
相关推荐
基于深度学习下的探究性学习思考.pdf
基于成人学习特点的在线深度学习策略探究.pdf
高中语文深度学习策略探究.pdf
本科生满意度、绩点和深度学习体验关系探究——基于一所研究型大学的实证研究.pdf
B3探究型学习活动设计作业1—活动设计;探究型学习活动设计《平方差公式》.pdf
深度学习理念下的语文课堂教学探析——评《深度学习:批判性思维与自主性探究式学习》.pdf
探究型学习设计.pdf
基于核心素养的深度学习探究.pdf
小学低年级语文童话阅读的深度学习探究.pdf
区域活动中幼儿深度学习的探究.pdf
深度学习下地理探究活动的设计.pdf
深度学习背景下,探究音乐知识的沉浸性学习.pdf
基于人工智能技术和智慧学习空间的英语教学探究.pdf
基于SPOC和深度学习的高中地理线上教学模式探究.pdf
深度学习下英语教学活动的思考与探究.pdf
一年级探究课学习方案.doc
小学数学探究性学习的探究.doc
四下语文新课堂同步学习与探究(全册)答案苏教.doc
微信公众号在职业教育非正式学习的应用探究.docx微信公众号在职业教育非正式学习的应用探究.docx微信公众号在职业教育非正式学习的应用探究.docx微信公众号在职业教育非正式学习的应用探究.docx微信公众号在职业教育...
开展探究示范教学 促进数学深度学习.pdf