溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
u html5的介紹和快速入門
html5 大致是 (html+css3+javascript apis)
一句話: html5 支持了css3 的強大的選擇器和動畫等功能+ 支持javascript 很多新的函數，所以html5就很強大了.
1. 增加了<canvas> 標簽，這個標簽就是畫布，程序員可以再這里繪制圖形，所以這個標簽在一定程度上可以替代flash, 在canvas 上畫出矩形
代碼: html5-1.html<!-- 告訴瀏覽器這個一個html5的網頁-->
<!DOCTYPEhtml>
<html>
<head>
<!--網頁的編碼-->
<metacharset="utf-8"/>
</head>
<body>
<!--這是一個畫布標簽，我們這個這個區域繪制圖形.-->
<canvasid="can1" width="500px" height="400px"style="border: 1px solid red">
</canvas>
<scripttype="text/javascript">
//我要在畫布畫出矩形.
//1. 得到畫布
varcanvas=document.getElementById("can1");
//2. 得到上下文環境.,我們可以通過cxt這個對象來繪制圖形
//你也可以簡單的理解，這個cxt就是畫筆,cxt提供了很多繪制圖形的方法
//通過這些方法就可以繪制圖形
varcxt=canvas.getContext("2d");
//我們看看cxt是什么類型
//alert(cxt);
//畫出一個矩形,默認是黑色
//改變顏色-紅色
cxt.fillStyle="#FF0000";
cxt.fillRect(10,10,30,30);
</script>
</body>
</html>
2. 增加了<header> <footer> 標簽，做到內容和結構分離，利用seo
大家知道，我們很多網頁都有頭和尾
<html>
<header>網頁的頭部<header>
hello,world..
<footer>網頁的尾部</footer>
3. 增加<video> 和<audio>標簽，我們視頻和音頻嵌入變得非常容易.
<!-- 告訴瀏覽器這個一個html5的網頁-->
<!DOCTYPEhtml>
<html>
<head>
<!--網頁的編碼-->
<metacharset="utf-8"/>
</head>
<body>
<!--嵌入一段視頻-->
<videosrc="[HTML5教程].(HTML5.Tutorial).-.1.-.Introduction.mp4"controls="controls" width="300px"height="200px"></video>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
