HTML5与JavaScript

最新推荐文章于 2023-03-10 16:51:32 发布

weixin_30602505

最新推荐文章于 2023-03-10 16:51:32 发布

阅读量146

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/zjm1999/p/10458801.html

版权

一. 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>