基础 - 认识H5

Web的发展历程

1991　　HTML诞生

1994　　HTML2

1996　　CSS1 + JS

1997　　HTML4

1998　　CSS2

2000　　XHTML1

2002　　Tableless Web Design

2005　　Ajax

2009　　HTML5　　

2014　　HTML5 Finalized

 

Web Application

Flash

 

简约 酷炫 极具表现力

 

    <input type="text" list="boxDatalist">
    <datalist id="boxDatalist" >
        <option value="下文德"></option>
        <option value="好讨厌"></option>
    </datalist>

 

音频

    <audio id="weAudio" src="http://tingmp3.520tingshu.com/%E7%8E%84%E5%B9%BB%E5%A5%87%E5%B9%BB/%E6%96%97%E7%A0%B4%E8%8B%8D%E8%8A%8E/001.mp3" ></audio>
    <button id="start">播放</button>
    <button id="pause">暂停</button>

　　

$(function () {
    var oWeAudio = document.getElementById("weAudio");
    var oStart = document.getElementById("start");
    var oPause = document.getElementById("pause");
    oStart.addEventListener("click", function () {
        oWeAudio.play();
    });
    oPause.addEventListener("click", function () {
        if (oWeAudio.played) oWeAudio.pause();
    });

});

　　

　　

视频

 

    <video id="weVideo" controls="controls" >
        <source src="" type="video/mp4" />
    </video>