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>
