想在眉山學習HTML5那麼在眉山哪裡學習比較好
想在眉山學習HTML5但是又不知道在哪裡學習比較好大家能否幫我提點建議呢
神奇的HTML5基礎學習
HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標準。
為 HTML5 建立的一些規則:
新特性應該基於 HTML、CSS、DOM 以及 JavaScript。減少對外部外掛的需求(比如 Flash)更優秀的錯誤處理更多取代指令碼的標記HTML5 應該獨立於裝置開發程序應對公眾透明
新特性
HTML5 中的一些有趣的新特性:
用於繪畫的 canvas 元素用於媒介回放的 video 和 audio 元素對本地離線儲存的更好的支援新的特殊內容元素,比如 article、footer、header、nav、section新的表單控制元件,比如 calendar、date、time、email、url、search
影片格式
當前,video 元素支援三種影片格式:
Ogg = 帶有 Theora 影片編碼和 Vorbis 音訊編碼的 Ogg 檔案
MPEG4 = 帶有 H。264 影片編碼和 AAC 音訊編碼的 MPEG 4 檔案
WebM = 帶有 VP8 影片編碼和 Vorbis 音訊編碼的 WebM 檔案
如需在 HTML5 中顯示影片,您所有需要的是:
control 屬性供新增播放、暫停和音量控制元件。
video 元素允許多個 source 元素。source 元素可以連結不同的影片檔案。瀏覽器將使用第一個可識別的格式:
例項
demo:
<!DOCTYPE html>
Your browser does not support HTML5 video。
var myVideo=document。getElementById(“video1”);
function playPause()
{
if (myVideo。paused)
myVideo。play();
else
myVideo。pause();
}
function makeBig()
{
myVideo。width=560;
}
function makeSmall()
{
myVideo。width=320;
}
function makeNormal()
{
myVideo。width=420;
}
HTML5 規定了一種透過 audio 元素來包含音訊的標準方法。
audio 元素能夠播放聲音檔案或者音訊流。
音訊格式
當前,audio 元素支援三種音訊格式:
如何工作
如需在 HTML5 中播放音訊,您所有需要的是:
control 屬性供新增播放、暫停和音量控制元件。
audio 元素允許多個 source 元素。source 元素可以連結不同的音訊檔案。瀏覽器將使用第一個可識別的格式:
例項
拖放(Drag 和 drop)是 HTML5 標準的組成部分。
拖放
拖放是一種常見的特性,即抓取物件以後拖到另一個位置。
在 HTML5 中,拖放是標準的一部分,任何元素都能夠拖放。
拖放例項:
<!DOCTYPE HTML>
function allowDrop(ev){
ev。preventDefault();
}
function drag(ev){
ev。dataTransfer。setData(“Text”,ev。target。id);
}
function drop(ev){
ev。preventDefault();
var data=ev。dataTransfer。getData(“Text”);
ev。target。appendChild(document。getElementById(data));
}