h5新增标签

1.<details>      (关于文档的细节)

    <summmary></summary>

  <p></p>

  </details>

2.<figure> 标签规定独立的内容

3.<time>定义时间或日期

4.<section> 定义文档中的节

5.<progress>进度条 ,会动,不适合用来表示度量衡(例如,磁盘空间使用情况或查询结果)

6.<meter>标量  进度条

<meter value=”” min=”” max=”” low=”” high=””>

7.datalist  与 input 的新属性list一起使用可以创建组合框,双击input的时候可以提供选项让用户选择,类似历史记录一样。

<input list="browsers">

<datalist id="browsers">

<option value="Safari"> </option>

<option value="Internet Explorer"> </option>

<option value="Opera"> </option>

<option value="Firefox"> </option>

</datalist>

8.表单标签

<1>E-mail: <input type="email" name="user_email" />

<2>URL  <input type="url" name="user_url" />

<3>number <input type="number" name="points" min="1" max="10" value=”默认值”step=”数字间隔”/>

<4>range <input type="range" name="points" min="1" max="10" />  显示为滑动条

<5>Date: <input type="date" name="user_date" /> 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间(小时和分钟)

datetime - 选取时间、日、月、年(UTC 时间)//一般不被支持

datetime-local - 选取时间、日、月、年(本地时间)

<6>color: <input type="color" value="">

9.表单标签属性

<1>autofocus  在页面加载时,域自动地获得焦点。

<2>placeholder  属性提供一种提示,描述输入域所期待的值。

<3>required    属性规定必须在提交之前填写输入域(不能为空)。

10.多媒体

视频

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

属性:

autoplay:自动播放

controls:向用户显示控件,如播放按钮

width,height:播放器的高度

loop:媒介文件完成播放后再次开始播放

preload:如果有该属性,视频在页面加载时进行加载,并预备播放,如果使用“autoplay”,则忽略该属性。

muted:静音

音频

<audio controls="controls">

  <source src="song.ogg" type="audio/ogg">

  <source src="song.mp3" type="audio/mpeg">

属性与视频相似。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 结构标签 article : 页面上结构完整并且内容独立,例如一篇文章、报导、小说 aside...
    w_01阅读 526评论 0 1
  • 1. 标签定义外部的内容。2. 标签定义 article 以外的内容。3. 标签定义声音,比如音乐或其他音频流。 ...
    虎帅锅阅读 258评论 0 0
  • 7.标签定义嵌入的内容,比如插件。 列: 8. 标签定义 figure 元素的标题。”figcaption” 元素...
    电影里的梦i阅读 336评论 0 0
  • 例: 您的浏览器不支持canvas 画布:默认的就是300*150的大小;canvas画布有一个坐标轴,坐标周的原...
    哼_阅读 368评论 0 3
  • 老得不行不行还拥抱 文:麻油晃子 1 姐姐跟姐夫相恋九年,上个月末他们结婚了。 两个人在最美好的年纪相遇相识相恋,...
    又艺青年啊阅读 371评论 0 0