美文网首页
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-改进

    新元素 canvas:图形容器,通过脚本(通常是js)绘制图形。 canvas使用手册 新多媒体元素

  • 元素周期表

    效果展示:## 代码下载:## HTML5-元素周期表

  • soeasysohappy跟着李南江学习HTML5-项目总结

    soeasysohappy跟着李南江学习HTML5-项目总结 随着HTML5学习的深入,我们在上课的...

  • 无从说跟着李南江学习HTML5-项目总结

    无从说跟着李南江学习HTML5-项目总结 在学习中,敲代码是占用时间最长的,老师说撸代码是最重要的,看完视频...

  • au_kate+跟着李南江学习HTML5-项目总结

    au_kate+跟着李南江学习HTML5-项目总结 十多天的HTML5的基础课程学习中,跟着李南江老师做了几个小项...

  • html5-直播

    一直喜欢看斗鱼上面dota2比赛,突然有一天对直播很感兴趣,所以了解一下. 流程 pc端采集=> H264压缩 =...

  • HTML5-标签

    一、段落标签 二、标签,换行不换段 三、注释 四、标题标签

  • 2020-10-28 代码改进

    代码改进方向 1 可读性改进 2 逻辑改进逻辑改进 两个方向开发效率改进,运行效率改进1 算法改进 看情况2 业务...

  • HTML5-基础02

  • HTML5-常见标签

    1.网页由三部分组成: HTML:网页的具体内容和结构 CSS:网页的样式 JavaScript: 网页的交互效果...

网友评论

      本文标题:HTML5-改进

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