zoukankan      html  css  js  c++  java
  • HTML5

    一、h5新特性:

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

    二、video元素(视频)

    1. video元素支持  三种视频格式:ogg/mpeg4/webm
    2. video元素 实例如下:
     <video src="movie.ogg" controls="controls"></video>
     <video controls="controls" width="320" height=“100”>
           <source src="demo.ogg" type="video/ogg">
           <source src="demo.mp4" type="video/mp4">
     </video>

          3、video标签的属性

    属性 描述
    autoplay autoplay 视频在就绪后马上播放
    controls controls 向用户显示控件,比如播放按钮
    width px 设置视频播放器的宽度
    height px 设置视频播放器的高度
    src url 要播放视频的链接
    loop loop 当媒介文件完成播放后,再次开始播放
    preload preload 视频在页面加载时进行加载,并预备播放。如果遇到属性’autoplay‘,就忽略此属性

         4、video 方法

              play() 开始 pause()暂停

    三、audio元素(音频)

    1. audio元素支持 三种音频格式:ogg/mp3/wav

            

          2、audio元素 实例如下:

     <audio src="song.ogg" controls="controls"></audio>

          3、audio标签的属性,audio除width/height之外,同video一样

    四、HTML5新的Input类型(email、url、number、range、search、color)

    浏览器支持情况:

    Input类型 -- email  在提交表单时,会自动验证 email 域的值。

    <input type="email" name="email" />

    Input类型 -- url  在提交表单时,会自动验证 url 域的值。

    <input type="url" name="url" />

    Input类型 -- number

    <input type="number" name="points" min="1" max="100" value="50/>

    属性:max---允许的最大值   min---允许的最小值   step---数字间隔  value---默认值

    Input类型 -- range

    <input type="range" name="points" min="1" max="10" />

    属性:同number属性

    Input类型 -- Date

    • date - 选取日、月、年
    • month - 选取月、年
    • week - 选取周和年
    • time - 选取时间(小时和分钟)
    • datetime - 选取时间、日、月、年(UTC 时间)
    • datetime-local - 选取时间、日、月、年(本地时间)

    五、HTML5表单元素

    • datalist
    • keygen
    • output

    六、HTML5表单属性

          涉及<form>和<input>元素的新属性。

    新的 form 属性:

    • autocomplete  form 或 input 域应该拥有自动完成功能
    • novalidate

    新的 input 属性:

    • autocomplete
    • autofocus   规定在页面加载时,域自动地获得焦点  适用于所有的input
    • form
    • form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
    • height 和 width
    • list
    • min, max 和 step
    • multiple
    • pattern (regexp)
    • placeholder
    • required
  • 相关阅读:
    .NET面试题目
    ASP.NET应用管理系统框架概述(三)
    ASP.NET应用管理系统框架概述(二)
    ASP.NET应用管理系统框架概述(一)
    InstallShield使用文档
    dotnet的安装包例子
    Access数据库连接池
    InstallShield使用——InstallScript MIS Project例子
    InstallShield使用——例子
    ASP.NET针对Sybase数据库使用分页技术
  • 原文地址:https://www.cnblogs.com/happybread/p/6929879.html
Copyright © 2011-2022 走看看