美文网首页
HTML5-改进

HTML5-改进

作者: 0981b16f19c7 | 来源:发表于2019-07-17 14:45 被阅读0次

    新元素

    canvas:图形容器,通过脚本(通常是js)绘制图形。

    canvas使用手册

    新多媒体元素

    <audio>:支持MP3、Wav、Ogg

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
      您的浏览器不支持 audio 元素。
    </audio>
    
    audio

    <video>,支持三种视频格式:MP4、WebM、Ogg

    <video width="320" height="240" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        您的浏览器不支持 video 标签。
    </video>
    
    image.png
    <source>:为媒体元素定义媒体资源。允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。 image.png

    <embed>定义了一个容器,用来嵌入外部应用或者互动程序(插件)

    <embed src="helloworld.swf">
    
    image.png

    新表单元素

    <datalist>:规定了 <input> 元素可能的选项列表。

    <input list="browsers">
     
    <datalist id="browsers">
      <option value="Internet Explorer">
      <option value="Firefox">
      <option value="Chrome">
      <option value="Opera">
      <option value="Safari">
    </datalist>
    

    <output>:作为计算结果输出显示(比如执行脚本的输出)

    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
      <input type="range" id="a" value="50">100
      +<input type="number" id="b" value="50">
      =<output name="x" for="a b"></output>
    </form> 
    
    image.png
    image.png

    相关文章

      网友评论

          本文标题:HTML5-改进

          本文链接:https://www.haomeiwen.com/subject/mrbqlctx.html