HTML5新标签 | 说明

来源:互联网 发布:程序员用外星人 编辑:程序博客网 时间:2024/04/24 18:09

HTML5新增标签简介

<article> 标记定义一篇文章
<aside> 标记定义页面内容部分的侧边栏
<audio> 标记定义音频内容
<canvas> 标记定义图片
<command> 标记定义一个命令按钮
<datalist> 标记定义一个下拉列表
<details> 标记定义一个元素的详细内容
<dialog> 标记定义一个对话框(会话框)
<embed> 标记定义外部的可交互的内容或插件
<figure> 标记定义一组媒体内容以及它们的标题<footer> 标记定义一个页面或一个区域的底部
<header> 标记定义一个页面或一个区域的头部
<hgroup> 标记定义文件中一个区块的相关信息
<keygen> 标记定义表单里一个生成的键值
<mark> 标记定义有标记的文本
<meter> 标记定义 measurement within a
predefined range
<nav> 标记定义导航链接
<output> 标记定义一些输出类型
<progress> 标记定义任务的过程
<rp> 标记是用在Ruby annotations 告诉那些不支持 Ruby元素的浏览器如何去显示
<rt> 标记定义对ruby
annotations的解释
<ruby> 标记定义 ruby annotations.
<section> 标记定义一个区域
<source> 标记定义媒体资源
<time> 标记定义一个日期/时间
<video> 标记定义一个视频

 

1.video, audio

 

今天小试了HTML5里面的两个新标签,<video>..</video>,<audio></audio>

具体例子如下:

<video src=”1.wmv” controls=”true”>您的浏览器不支持 video 标签。</video>

<audio src=”1.wav” controls=”true”>您的浏览器不支持 audio 标签。</audio>

具体属性:

   autoplaytrue | false如果是 true,则视频在就绪后马上播放。controlstrue | false如果是 true,则向用户显示控件,比如播放按钮。endnumeric value定义播放器在视频流中的何处停止播放。默认地,声音会播放到结尾。heightpixels设置视频播放器的高度。loopendnumeric value定义在视频流中循环播放停止的位置,默认是 end 属性的值。loopstartnumeric value定义在视频流中循环播放的开始位置。默认是 start 属性的值playcountnumeric value定义视频片段播放多少次。默认是 1。posterurl在视频播放之前所显示的图片的 URL。srcurl要播放的视频的 URL。startnumeric value定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。widthpixels设置视频播放器的宽度。

最后试用结果:

这两个标签现在还处于草案阶段,好像许多格式都不支持,如微软的.wav ,MP3格式 和视频格式.wmv等都不支持。

不过在Firefox和GOOGLE 的浏览器下面显示的播放器界面还不一样哩。firefox下的界面比较好看。

1 0
原创粉丝点击