javascript
HTML5与JavaScript
一. 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>?
轉載于:https://www.cnblogs.com/zjm1999/p/10458801.html
總結
以上是生活随笔為你收集整理的HTML5与JavaScript的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： react生命周期-新增与替换
- 下一篇： 二级联动，三级联动，初学者，纯javas