HTML5笔记

来源：互联网发布：python ampy 编辑：程序博客网时间：2024/06/05 00:42

新特性
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search

video

<!DOCTYPE HTML><html><body><video width="320" height="240" controls="controls">  <source src="/i/movie.ogg" type="video/ogg">  <source src="/i/movie.mp4" type="video/mp4">Your browser does not support the video tag.</video></body></html>

control 属性供添加播放、暂停和音量控件。
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式；
autoplay=”autoplay”
autoplay 属性规定一旦视频就绪马上开始播放。
如果设置了该属性，视频将自动播放。
loop=”loop”
loop 属性规定当视频结束后将重新开始播放。如果设置该属性，则视频将循环播放。
preload=”auto”
preload 属性规定是否在页面加载后载入视频。如果设置了 autoplay 属性，则忽略该属性。
auto - 当页面加载后载入整个视频
meta - 当页面加载后只载入元数据
none - 当页面加载后不载入视频
src=”mgg.ogg”
src 属性规定要播放的视频的 URL。也可以使用 <source src="horse.ogg" type="audio/ogg"> 标签来设置视频。

在所有属性中，只有 videoWidth 和 videoHeight 属性是立即可用的。在视频的元数据已加载后，其他属性才可用。

音频
同video

元素拖放
首先，为了使元素可拖动，把 draggable 属性设置为 true ：

<img draggable="true" />

阅读全文

0 0