《《HTML5基础入门》.pdfVIP

HTML5入门 吴君星 Web技术大致的时间轴 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4 1998 CSS 2 2000 XHTML 1 2002 使用DIV+CSS进行网页布局 2005 AJAX 2009 HTML 5 HTML5 ~= HTML + CSS + JS APIs Html5的发展其实是html，css，js api的发展 HTML 5草案的前身名为Web Applications 1.0 ，是在2004年由WHATWG提出，再于 2007年获W3C接纳，并成立了新的HTML工作团队。 在2008年1月22 日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行 的工作，仍须多年的努力。 目前Firefox、Chrome、Opera、Safari （版本4 以上）、Internet Explorer 9已支持 HTML5技术。 HTML 5的标准草案目前已进入W3C制定标准5大程序的第1步。 负责编纂标准格式文件的Google代表Ian Hickson预期，可能得等到2012年才会推 出建议候选版。 Html 标签 Video ，Audio Video:ogg,mp4,webm audio:ogg,mp3,wav demo video width=320 height=240 controls=controls source src=movie.ogg type=video/ogg source src=movie.mp4 type=video/mp4 Your browser does not support the video tag. /video 属性 autoplay，controls，loop，preload，src /tiy/t.asp?f=html5_video_all /tiy/t.asp?f=html5_audio_all Canvas HTML5 的canvas 元素使用JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 canvas id=myCanvas width=200 height=100 Your browser does not support the canvas element. /canvas 圆 正方形 cxt.beginPath(); var c=document.getElementById(myCanvas); cxt.arc(70,18,15,0,Math.PI*2,true);/度,弧度 var cxt=c.getContext(2d); cxt.closePath(); cxt.fillStyle=#FF0000; cxt.fill(); cxt.fillRect(0,0,150,75); 线性渐变 线 图片 var grd=cxt.createLinearGradient(0,0,175,50); cxt.moveTo(10,10); var img=new Image() grd.addColorStop(0,#FF0000); cxt.lineTo(150,50); img.src=flower.png