HTML5-改进

2019-07-17  本文已影响0人  0981b16f19c7

新元素

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
上一篇下一篇

猜你喜欢

热点阅读