html5 订阅
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。 [1-2] 展开全文
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。 [1-2]
信息
新元素
article、footer、header等
外文名
HTML5.0
作    用
构成网页文档
中文名
超文本5.0
支持浏览器
IE、火狐等
html5简介
HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。HTML5 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。 [3] 
收起全文
精华内容
下载资源
问答
  • HTML5+CSS3 精美登陆界面源码

    千次下载 热门讨论 2016-01-19 09:52:44
    3个很精美的登陆界面,全都是用HTML5+CSS3开发的,所以可能不适合低版本IE浏览器。大家可以下来看看,做的超级漂亮的。
  • 分享30个html5手机网站模板源码

    千次下载 热门讨论 2015-05-18 09:46:10
    最近有很多网友问我有没有手机网站和html5网站的模板源码,刚开始的时候没有,收集了一段时间就收藏了30个,整理好第一时间分享给大家,不需要资源分就可以下载,希望分享30个html5手机网站模板源码这个资源可以帮到...
  • html5media.min.js

    千次下载 热门讨论 2015-12-04 11:53:41
    html5中Video标签兼容各主流浏览器
  • html5最终版规范pdf版

    千次下载 热门讨论 2014-11-27 23:18:26
    html5最新版规范,w3c官方没有pdf版本,该版为完美pdf版,所以链接都可用,方便查看
  • html5手机网站调用微信分享

    千次下载 热门讨论 2015-07-16 14:23:26
    html5手机网站调用微信分享,其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈
  • HTML5拓扑图编辑器源代码

    千次下载 热门讨论 2015-04-07 23:39:38
    屌爆的纯HTML5拓扑图编辑器源代码,找了很久终于申请到,运行就是这个效果 http://www.hightopo.com/blog/wp-content/uploads/2014/08/Screen-Shot-2014-08-12-at-8.57.11-PM.png 可参考这篇博客 ...
  • 爱情表白专用html5动画网页的代码

    千次下载 热门讨论 2015-08-16 20:49:43
    程序猿表白专用的html5动画特效网页,真的挺羡慕创作者的水平,有这水平可以把爱表白给想表白的人,不要以为那些鲜花是用的图片,你会发现在资源文件中没有一个图片资源,但HTML5强大的功能不能不让你惊叹,左侧的...
  • HTML5调用手机摄像头拍照

    千次下载 热门讨论 2014-04-01 14:58:51
    HTML5 The Media Capture API提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。具体内容参考: http://blog.sina.com.cn/s/blog_4ad7c2540101lnak.html
  • HTML5吃豆人游戏源码

    千次下载 热门讨论 2014-08-01 00:21:24
    HTML5有望成为网络游戏开发的热门新平台,其跨平台性已奠定了其未来发展的基础。本专题为那些愿意学习或使用HTML5及相关Web技术开发交互式游戏的开发者而编写,为大家讲解HTML5游戏开发基础教程及分享实战经验。 今...
  • HTML5调用本地摄像头拍照

    千次下载 热门讨论 2014-11-18 09:08:51
    兼容各大主浏览器,要部署在服务器上才可以调用到摄像头
  • 生日快乐网页模版html5

    千次下载 热门讨论 2015-10-22 23:14:11
    送给要祝福他(她)生日的一个礼物吧,程序员追女神必备,女屌追男神神奇哦
  • HTML5参考手册大全7本合集.chm

    千次下载 热门讨论 2015-11-11 17:23:43
    HTML5参考手册大全7本合集.chm
  • 写给Web开发人员看的HTML5教程

    热门讨论 2013-03-12 12:42:00
    《写给Web开发人员看的HTML5教程》通过结合大量实际案例和源代码对HTML5的重要特性进行了详细讲解,内容全面丰富,易于理解。全书共分为12章,从HTML5的历史故事讲起,涉及了文档结构和语义、智能表单、视频与音频、...
  • HTML5模拟下雪

    千次下载 热门讨论 2013-12-23 14:23:20
    Html5模拟下雪。雪花用圆点表示,并按照正弦曲线下降。模型虽然简单,但效果满足卡通动画的效果。
  • HTML5实现的3D爱心动画特效源码

    千次下载 热门讨论 2014-09-23 14:16:01
    这是一款利用HTML5和CSS3制作的3D爱心动画特效源码,取自国外网站。是一款值得收藏的HTML5 3D爱心动特效,特别适合作为七夕节或情人节的礼物,代码运行效果美观大方,有很强的立体感,是一款HTML5 3D特效的经典之作...
  • HTML5太空飞船游戏源码

    千次下载 热门讨论 2014-07-18 23:39:28
    HTML5有望成为网络游戏开发的热门新平台,其跨平台性已奠定了其未来发展的基础。本专题为那些愿意学习或使用HTML5及相关Web技术开发交互式游戏的开发者而编写,为大家讲解HTML5游戏开发基础教程及分享实战经验。 今...
  • html5.js 非常好用哦

    千次下载 热门讨论 2014-03-26 13:41:56
    非常好用哦,欢迎下载哦,非常好用哦,欢迎下载哦
  • 使用列表系列标签完成常见网页中的列表结构; 熟练掌握表格,表单都系列标签,在项目中熟练使用; 了解哪些标签在项目中经常使用,哪些标签已被废除; 迈出HTML5开发的第一步,为后续课程打下基础;
  • 基于html5+css3实现的精美聊天界面demo

    千次下载 热门讨论 2015-07-27 14:53:31
    基于HTML5+css3实现的两人即时通讯聊天界面,界面风格相当漂亮,可直接使用,也可简单修改为自己想要的样式,仅供大家参考。
  • 50余款手机页面模版源码html5

    千次下载 热门讨论 2015-11-16 16:29:15
    50余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32...
  • 5小时入门HTML5-基础篇

    千人学习 2017-05-10 16:05:25
    html5相对于html4或者xhtml1.0,进步是很明显的。以前很多靠html代码无法实现的效果现在都可以通过html5实现,如视频,音频,网页绘图,而且并不需要复杂的代码,所以说html5宛如一场革命。
  • 是一款利用HTML5和SVG实现的可爱笑脸动画,它们是色彩各异的一组泥娃娃的脸,默认的时候就出现眨眼和微笑的动画,当你把鼠标滑过它们时,就像是感受到了主人的抚摸一样上下跳动起来,真的是非常可爱。
  • HTML5实现的经典游戏超级玛丽源码

    千次下载 2014-09-25 14:20:09
    这是一款老外利用HTML5技术实现的让超级玛丽可以在网页上跑的游戏源码,虽说HTML5版的超级玛丽没有原版的功能强大,但是如果你有兴趣,完全可以把它写的更加完善。话说HTML5真的很强大,HTML5游戏开发更是常有惊人之...
  • 学习HTML5这一篇就够了

    万次阅读 多人点赞 2020-09-18 20:50:46
    目录第一章 HTML5概述1.1、什么是HTML1.2、什么是HTML51.3、本文重要说明1.4、浏览器的版本1.5、选择开发工具第二章 HTML5语法2.1、基本结构2.2、语法规范2.3、标签规范第三章 HTML5标签3.1、标题标签3.2、段落标签...


    配套资料,免费下载
    链接:https://pan.baidu.com/s/1xrblnEIJmxVbHSP7CIREcw
    提取码:yws0
    复制这段内容后打开百度网盘手机App,操作更方便哦

    第一章 HTML5概述

    1.1、什么是HTML

    HTML(HyperText Markup Language,超文本标记语言)是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言。

    1.2、什么是HTML5

    HTML5是构建Web内容的一种语言描述方式,HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。

    HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息,HTML5在从前HTML4.01的基础上进行了一定的改进。

    1.3、本文重要说明

    由于HTML5只是在HTML的基础上进行了新增或者废弃一些标签或者特性,本文默认均为HTML5语法,被废弃的部分就不再提起,HTML一般用于描述网页的结构,所以一些样式和脚本方面的标签和属性以及关于JavaScript部分的特性也不再提及,重点在于梳理常用标签体系。

    1.4、浏览器的版本

    现今浏览器的许多新功能都是从HTML5标准中发展而来的。目前常用的浏览器有IE、火狐、谷歌、Safari和Opera等等,通过对这些主流web浏览器的发展策略调查,发现它们都支持HTML5上采取了措施。

    (1)IE浏览器

    2010年3月16日,微软MIX10技术大会上宣布其推出的IE9浏览器已经支持HTML5。同时还声称,随后将会更多的支持HTML新标准和CSS3新特性。

    (2)FireFox浏览器

    2010年7月,Mozilla基金会发布了即将推出的Firefox4浏览器的第一个早期测试版,该版本中Firefox浏览器中进行了大幅改进,包括新的HTML5语法分析器,以及支持更多的HTML5语法分析器,以及支持更多的HTML5形式的控制等。从官方文档来看,Firefox4对HTML5是完全级别的支持。目前,包括在线视频,在线音频在内的多种应用都已经在版本中实现。

    (3)Google浏览器

    2010年2月19日,谷歌Gears项目经理通过微博宣布,谷歌将放弃对Gears浏览器插件项目的支持,以重点开发HTML5项目。据费特表示,目前在谷歌看来,Gears应用用于HTML5的诸多创新非常相似,并且谷歌一直积极发展HTML5项目。因此只要谷歌不断以加强网络标准的应用功能为工作重点,那么为Gears增加新功能就无太大意义了。另外,Gears面临的需求也在日益下降,这也是谷歌做出吊证的重要原因。

    (4)Safari浏览器

    2010年6月7日,苹果在开发者发布会公布Safari5,这款浏览器支持10个以上的HTML5新技术,包括全屏幕播放、HTML5视频、HTML5地理位置、HTML5切片元素、HTML5的可拖动属性、HTML5的形式验证、HTML5的Ruby、HTML5的Ajaxl.ishi和WebSocket字幕。

    (5)Opera浏览器

    2010年5月5日,Opera软件公司首席技术官,号称“CSS之父”的Hakon Wium Lie认为,HTML5和CSS3,将会是全球互联网发展的未来趋势,包括目前Opera在内的诸多浏览器厂商,纷纷研发HTML5的相关产品,web未来属于HTML5。

    综上所述,目前这些浏览器纷纷朝着HTML5的方向迈进,HTML5的时代即将来临。

    1.5、选择开发工具

    • Notepad++
    • Visual Studio Code
    • HBuilderX
    • Dreamweaver
    • Sublime Text
    • Webstorm

    Webstorm为本文使用的工具,请自行购买激活,也可以使用以上的免费工具,安装步骤都较为简单,在此省略!

    第二章 HTML5语法

    2.1、基本结构

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    
    </body>
    </html>
    

    2.2、语法规范

    • HTML中不区分大小写,但是我们一般都使用小写
    • HTML中的注释不能嵌套
    • HTML标签必须结构完整,要么成对出现,要么自结束标签
    • HTML标签可以嵌套,但是不能交叉嵌套
    • HTML标签中的属性必须有值,且值必须加引号(双引号单引号都可以)

    2.3、标签规范

    单标签:

    <标签名 [属性名=属性值,...]>
    

    成对标签:

    <标签名 [属性名=属性值,...]></标签名>
    

    第三章 HTML5标签

    3.1、标题标签

    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
    

    3.2、段落标签

    <p>这是一个段落</p>
    

    3.3、链接标签

    使用示例:

    <a href="https://www.baidu.com">打开百度,你就知道!</a>
    

    常见属性:

    属性描述
    hrefURL规定链接的目标 URL。
    target_blank
    _parent
    _self
    _top
    framename
    规定在何处打开目标 URL。
    仅在 href 属性存在时使用。

    3.4、图像标签

    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度LOGO">
    

    3.5、表格标签

    <table border="1px" cellpadding="0px" cellspacing="0px">
        <tr>
            <th>表头一</th>
            <th>表头二</th>
            <th>表头三</th>
            <th>表头四</th>
        </tr>
        <tr>
            <td>单元格一</td>
            <td>单元格二</td>
            <td>单元格三</td>
            <td>单元格四</td>
        </tr>
    </table>
    

    3.6、列表标签

    无序列表:

    <ul>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
    </ul>
    

    有序列表:

    <ol>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
    </ol>
    

    自定义列表:

    <dl>
        <dt>+</dt><dd>列表项</dd>
        <dt>+</dt><dd>列表项</dd>
        <dt>+</dt><dd>列表项</dd>
    </dl>
    

    3.7、分组标签

    <div>具体内容</div>
    
    <span>具体内容</span>
    

    3.8、语义标签

    常见标签:

    标签描述
    <header>规定文档或节的页眉。
    <footer>定义文档或节的页脚。
    <main>规定文档的主内容。
    <section>定义文档的节。
    <article>定义文档的文章。
    <aside>定义页面内容以外的内容。
    <nav>定义导航链接。
    <mark>定义重要的或强调的文本。
    <figure>规定自包含内容,比如图示、图表、照片、代码清单等。
    <figcaption>定义 <figure> 元素的标题。
    <details>定义用户能够查看或隐藏的额外细节。
    <summary>定义 <details> 元素的可见标题。
    <time>定义日期/时间。

    基本布局:

    HTML5 语义元素

    3.9、表单标签

    常见标签:

    标签描述
    <form>定义供用户输入的表单。
    <input>定义输入域。
    <label>定义了 <input> 元素的标签,一般为输入标题。
    <textarea>定义文本域 (一个多行的输入控件)。
    <fieldset>定义了一组相关的表单元素,并使用外框包含起来。
    <legend>定义了 <fieldset> 元素的标题。
    <select>定义了下拉选项列表。
    <optgroup>定义选项组。
    <option>定义下拉列表中的选项。
    <button>定义一个点击按钮。
    <datalist>指定一个预先定义的输入控件选项列表。
    <keygen>定义了表单的密钥对生成器字段。
    <output>定义一个计算结果。

    案例演示:

    1、form、input、label演示

    <form action="" method="get">
        <p>
            <label for="username">账户:</label>
            <input type="text" name="username" id="username">
        </p>
        <p>
            <label for="password">密码:</label>
            <input type="password" name="password" id="password">
        </p>
        <p><input type="submit"></p>
    </form>
    

    2、textarea演示

    <form action="" method="post">
        <textarea name="mycontext" cols="30" rows="10"></textarea>
        <input type="submit">
    </form>
    

    3、fieldset、legend、select、optgroup、option演示

    <form action="" method="post">
        <fieldset>
            <legend>请选择你的爱好:</legend>
    
            <select name="myhobby" id="myhobby">
                <optgroup label="运动">
                    <option value="篮球">篮球</option>
                    <option value="足球">足球</option>
                </optgroup>
                <optgroup label="电子">
                    <option value="看电影">看电影</option>
                    <option value="看电视">看电视</option>
                </optgroup>
            </select>
        </fieldset>
    </form>
    

    4、datalist演示

    <form action="" method="post">
        <input list="browsers">
        <datalist id="browsers">
            <option value="Internet Explorer">
            <option value="Firefox">
            <option value="Chrome">
            <option value="Opera">
            <option value="Safari">
        </datalist>
    </form>
    

    5、单选框演示

    <form action="" method="post">
        <input type="radio" name="sex" id="male" value="male" checked>
        <label for="male">Male</label>
    
        <input type="radio" name="sex" id="female" value="female">
        <label for="female">female</label>
    </form>
    

    6、复选框演示

    <form action="" method="post">
        <input type="checkbox" name="vehicle" id="bike" value="bike">
        <label for="bike">I have a bike</label>
    
        <input type="checkbox" name="vehicle" id="car" value="car">
        <label for="car">I have a car</label>
    </form>
    

    3.10、框架标签

    <iframe src="https://www.baidu.com" frameborder="0" width="500px" height="500px"></iframe>
    

    3.11、音频标签

    <audio controls>
        <source src="horse.ogg" type="audio/ogg">
        <source src="horse.mp3" type="audio/mpeg">
        您的浏览器不支持 Audio 标签。
    </audio>
    

    3.12、视频标签

    <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
        您的浏览器不支持 Video 标签。
    </video>
    

    3.13、其它标签

    水平线:<hr>
    换行:<br>
    <b>粗体文本</b>
    <code>计算机代码</code>
    <em>强调文本</em>
    <i>斜体文本</i>
    <kbd>键盘输入</kbd>
    <pre>预格式化文本</pre>
    <small>更小的文本</small>
    <strong>重要的文本</strong>
    <abbr>缩写词或者首字母缩略词</abbr>
    <address>联系信息</address>
    <bdo>文字方向</bdo>
    <blockquote>从另一个源引用的部分</blockquote>
    <cite>工作的名称</cite>
    <del>删除的文本</del>
    <ins>插入的文本</ins>
    <sub>下标文本</sub>
    <sup>上标文本</sup>
    

    3.14、头部标签

    标签描述
    <head>定义了文档的信息。
    <title>定义了文档的标题。
    <base>定义了页面链接标签的默认链接地址。
    <link>定义了一个文档和外部资源之间的关系。
    <meta>定义了HTML文档中的元数据。
    <script>定义了客户端的脚本文件。
    <style>定义了HTML文档的样式文件。

    第四章 HTML5属性

    4.1、属性概述

    HTML标签可以设置属性,属性总是以名称/值对的形式出现,比如:name=“value”,它的主要作用是控制或修饰标签。

    4.2、通用属性

    属性描述
    accesskey设置访问元素的键盘快捷键。
    class规定元素的类名(classname)。
    contenteditable规定是否可编辑元素的内容。
    contextmenu指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单。
    data-*用于存储页面的自定义数据。
    dir设置元素中内容的文本方向。
    draggable指定某个元素是否可以拖动。
    dropzone指定是否将数据复制,移动,或链接,或删除。
    hiddenhidden 属性规定对元素进行隐藏。
    id规定元素的唯一 id。
    lang设置元素中内容的语言代码。
    spellcheck检测元素是否拼写错误。
    style规定元素的行内样式(inline style)。
    tabindex设置元素的 Tab 键控制次序。
    title规定元素的额外信息(可在工具提示中显示)。
    translate指定是否一个元素的值在页面载入时是否需要翻译。

    第五章 HTML5事件

    5.1、事件概述

    HTML事件可以触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。

    5.2、窗口事件

    由窗口触发该事件 (同样适用于 <body> 标签):

    属性描述
    onafterprintscript在打印文档之后运行脚本。
    onbeforeprintscript在文档打印之前运行脚本。
    onbeforeonloadscript在文档加载之前运行脚本。
    onblurscript当窗口失去焦点时运行脚本。
    onerrorscript当错误发生时运行脚本。
    onfocusscript当窗口获得焦点时运行脚本。
    onhashchangescript当文档改变时运行脚本。
    onloadscript当文档加载时运行脚本。
    onmessagescript当触发消息时运行脚本。
    onofflinescript当文档离线时运行脚本。
    ononlinescript当文档上线时运行脚本。
    onpagehidescript当窗口隐藏时运行脚本。
    onpageshowscript当窗口可见时运行脚本。
    onpopstatescript当窗口历史记录改变时运行脚本。
    onredoscript当文档执行再执行操作(redo)时运行脚本。
    onresizescript当调整窗口大小时运行脚本。
    onstoragescript当 Web Storage 区域更新时(存储空间中的数据发生变化时)运行脚本。
    onundoscript当文档执行撤销时运行脚本。
    onunloadscript当用户离开文档时运行脚本。

    5.3、表单事件

    表单事件在HTML表单中触发 (适用于所有 HTML 元素,但该HTML元素需在form表单内):

    属性描述
    onblurscript当元素失去焦点时运行脚本。
    onchangescript当元素改变时运行脚本。
    oncontextmenuscript当触发上下文菜单时运行脚本。
    onfocusscript当元素获得焦点时运行脚本。
    onformchangescript当表单改变时运行脚本。
    onforminputscript当表单获得用户输入时运行脚本。
    oninputscript当元素获得用户输入时运行脚本。
    oninvalidscript当元素无效时运行脚本。
    onselectscript当选取元素时运行脚本。
    onsubmitscript当提交表单时运行脚本。

    5.4、键盘事件

    通过键盘触发事件,类似用户的行为:

    属性描述
    onkeydownscript当按下按键时运行脚本。
    onkeypressscript当按下并松开按键时运行脚本。
    onkeyupscript当松开按键时运行脚本。

    5.5、鼠标事件

    通过鼠标触发事件,类似用户的行为:

    属性描述
    onclickscript当单击鼠标时运行脚本
    ondblclickscript当双击鼠标时运行脚本
    ondragscript当拖动元素时运行脚本
    ondragendscript当拖动操作结束时运行脚本
    ondragenterscript当元素被拖动至有效的拖放目标时运行脚本
    ondragleavescript当元素离开有效拖放目标时运行脚本
    ondragoverscript当元素被拖动至有效拖放目标上方时运行脚本
    ondragstartscript当拖动操作开始时运行脚本
    ondropscript当被拖动元素正在被拖放时运行脚本
    onmousedownscript当按下鼠标按钮时运行脚本
    onmousemovescript当鼠标指针移动时运行脚本
    onmouseoutscript当鼠标指针移出元素时运行脚本
    onmouseoverscript当鼠标指针移至元素之上时运行脚本
    onmouseupscript当松开鼠标按钮时运行脚本
    onmousewheelscript当转动鼠标滚轮时运行脚本
    onscrollscript当滚动元素的滚动条时运行脚本

    5.6、媒体事件

    通过视频(videos),图像(images)或音频(audio) 触发该事件,多应用于HTML媒体元素比如:<embed>,<object>,<img>,<audio>和<video>。

    属性描述
    onabortscript当发生中止事件时运行脚本。
    oncanplayscript当媒介能够开始播放但可能因缓冲而需要停止时运行脚本。
    oncanplaythroughscript当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本。
    ondurationchangescript当媒介长度改变时运行脚本。
    onemptiedscript当媒介资源元素突然为空时(网络错误、加载错误等)运行脚本。
    onendedscript当媒介已抵达结尾时运行脚本。
    onerrorscript当在元素加载期间发生错误时运行脚本。
    onloadeddatascript当加载媒介数据时运行脚本。
    onloadedmetadatascript当媒介元素的持续时间以及其他媒介数据已加载时运行脚本。
    onloadstartscript当浏览器开始加载媒介数据时运行脚本。
    onpausescript当媒介数据暂停时运行脚本。
    onplayscript当媒介数据将要开始播放时运行脚本。
    onplayingscript当媒介数据已开始播放时运行脚本。
    onprogressscript当浏览器正在取媒介数据时运行脚本。
    onratechangescript当媒介数据的播放速率改变时运行脚本。
    onreadystatechangescript当就绪状态(ready-state)改变时运行脚本。
    onseekedscript当媒介元素的定位属性不再为真且定位已结束时运行脚本。
    onseekingscript当媒介元素的定位属性为真且定位已开始时运行脚本。
    onstalledscript当取回媒介数据过程中(延迟)存在错误时运行脚本。
    onsuspendscript当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本。
    ontimeupdatescript当媒介改变其播放位置时运行脚本。
    onvolumechangescript当媒介改变音量亦或当音量被设置为静音时运行脚本。
    onwaitingscript当媒介已停止播放但打算继续播放时运行脚本。

    5.7、其它事件

    属性描述
    onshowscript当 <menu> 元素在上下文显示时触发。
    ontogglescript当用户打开或关闭 <details> 元素时触发。
    展开全文
  • HTML5微信分享图标和文本设置

    千次下载 热门讨论 2014-11-23 19:46:41
    ​想必大家都在自己的微信朋友圈看到过别人分享的一些网页链接消息,但是你注意了吗?有些链接的图标是用的微信一张蓝色的默认图片,但是有些链接的图标却有着各自专门的图标(注:公众号的图文消息不在本文讨论行列...
  • HTML5视频(MP4)播放器

    千次下载 热门讨论 2013-03-29 13:33:50
    最近看了点HTML5,然后就用video标签做了个能播放视频的播放器,美化了播放器的外观,可以点击开始|暂停、拖动进度条、点击进度条、点击屏幕暂停、修改音量.
  • 12款实用的HTML5实例源码分享

    千次下载 热门讨论 2014-04-29 10:01:49
    12款实用的HTML5实例源码,网络上看到的,觉得不错就上传上来,供大家一起共同分享学习。
  • html5调用摄像头

    热门讨论 2012-10-31 17:07:55
    html5调用本地摄像头,测试通过,手机上的还没测试,省去了flash调用摄像头的麻烦,很久不更新了
  • 基于html5自适应的微信滑动翻页效果

    热门讨论 2014-12-17 18:14:11
    在微信中经常看见朋友分享的带有翻页效果的宣传页面,自己研究了下,做了个小的推广页,分享下。html5,能够支持分享时自定义分享图标、路径、文字,向上滑动分页,全屏自适应。
  • 仿京东手机版html5手机网站wap购物网站模板源码

    千次下载 热门讨论 2014-12-18 18:51:19
    仿京东手机版html5手机网站wap购物网站模板源码 html5 仿京东,仿淘宝,仿天猫,仿凡客,仿蘑菇街,仿美团,仿苏宁,仿易迅

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,137,434
精华内容 2,454,973
关键字:

html5