一. XHTML是基於XML的HTML
二.HTML5是最新版的HTML,支持JavaScript和全新的API
三.HTML5新標簽
<section><section/> 定義頁面的區域
<header><header/> 頁面標題
<footer><footer/> 頁面頁腳
<nav><nav/> 頁面導航元素
<article><article/> 頁面的文章或主要內容
<aside><aside/> 頁面的附加內容,比如邊欄
<figure><figure/> 文章的配圖
<figcaption><figcaption/> <figure>元素的標題
<summary><summary/> <details>元素的可是標題
四.一些重要的新元素
1)video回放視頻
1.視頻的回放是通過使用插件實現的,不同瀏覽器是用不同插件
2.先階段video支持什么視頻格式處在討論中,目前解決這個問題的方式是引用多個格式
3.當前廣泛支持的格式是:MP4 WebM Ogg
2)video元素屬性
loop 循環播放
autoplay 視頻加載后自動播放
controls 顯示回放控件(取決於瀏覽器)
ended 回放結束時,值為true(只讀)
paused 回放暫停時,值為true
poster 設置影片加載時顯示的圖像
volume 音量(從0靜音到1最大)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>video視頻元素</title> <script type="text/javascript"> //將video音量調高 var myVideo = document.getElementById("vid1").volume +=0.1; //當暫停時.向用戶顯示提示消息 if(document.getElementById("vidl").paused){ 當實例 alert (message); } </script> </head> <body> <!-- 1.視頻的回放是通過使用插件實現的,不同瀏覽器是用不同插件 2.先階段video支持什么視頻格式處在討論中,目前解決這個問題的方式是引用多個格式 3.當前廣泛支持的格式是:MP4 WebM Ogg --> <video id="vid1" width="400" height="300" controls="controls"> <source src="" type="video/mp4"> <source src="" type="video/ogg"> <source src="" type="video/webm"> </video> </body> </html>
3)audio元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>audio標簽播放聲音</title> </head> <body> <!-- 1.<audio>處理音頻文件 2.audio元素支持的常見文件格式MP3 WAV Ogg --> <audio controls="controls"> <source src="D:\QQ音樂\許嵩\我樂意 - 許嵩.mp3" type="audio/mpeg"> your browser does not support the audio element </audio> </body> </html>
