HTML5是下一代HTML 标准。2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。 WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。 HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search

  • 详解Html5 监听拦截Android返回键方法_html5教程技巧

    浏览器窗口有一个history对象，用来保存浏览历史。如果当前窗口先后访问了三个网址，那么history对象就包括三项，history.length属性等于3。history对象提供了一系列方法，允许在浏览历史之间移动：window.history.back()：移动

    30 2018-11-26 0 30

  • HTML5实现自带进度条和滑块滑杆效果_html5教程技巧

    一、H5自带进度条 <div id="d"> <p id="pgv">进度：%</p> <progress id="pg" max="" value=""></progress> </div>运用progress标签，设置好min和max数值就好。可以用value获取其中的进度值 function staticProgress

    44 2018-11-26 0 44

  • 使用HTML5 Geolocation实现一个距离追踪器_html5教程技巧

    HTML5 Geolocation（地理定位）用于定位用户的位置。那么如何实现一个距离追踪器呢？我的思路是这样的，前提是浏览器支持h5地理定位，在这个基础上，获取用户位置，更新用户位置，计算距离，显示到页面，这样就简单实现了一个距离追踪器，

    26 2018-11-26 0 26

  • canvas线条的属性详解_html5教程技巧

    一、线条的帽子lineCap取值：butt(默认值),round圆头,square方头var canvas=document.getElementById("canvas");canvas.width=800;canvas.height=800;var context=canvas.getContext("2d");context.lineWidth=40;conte

    29 2018-11-26 0 29

  • HTML5实现移动端复制功能_html5教程技巧

    首先遇到这个需求是就各种百度，但是发现基本都是用js实现，而且兼容性还非常不好。但是在寻觅和尝试的过程中，发现只需要css代码也可以完全实现的，对需要复制内容的标签加上下面这几行代码就可以了。-webkit-touch-callout

    42 2018-11-26 0 42

  • canvas实现漂亮的下雨效果的示例_html5教程技巧

    说明这篇文章说如何用canvas画出漂亮的下雨效果，先看看最后实现的效果吧。效果图解释看图来分析下，我们需要实现哪些效果。
    1、雨滴下落效果，移动鼠标控制下落方向
    2、雨滴下落散成小水珠，小水珠的移动方向和鼠标移动方

    26 2018-11-26 0 26

  • HTML5拖拽API经典实例详解_html5教程技巧

    一、关于拖拽API拖拽API是HTML5的新特性，相对于其他新特性来说，重要程度占到6成，实际开发中使用比例占到3成，学习要求个人认为是达到掌握即可的程度。二、什么是拖拽和释放？拖拽：Drag释放：Drop拖拽指的是鼠标点击源对象后一

    25 2018-11-26 0 25

  • HTML5中的Web Notification桌面右下角通知功能的实现_html5教程技巧

    html5桌面通知(Web Notifications)对于需要实现在新消息入线时，有桌面通知效果的情况下非常有用，在此简单介绍一下这个html5的新属性。通过Web Notifications（桌面通知系统），网站可以在用户桌面弹出一条通知，无论用户是否浏

    21 2018-11-26 0 21

  • HTML5轻松实现全屏视频背景的示例_html5教程技巧

    想在你的网页首页中全屏播放一段视频吗？而这段视频是作为网页的背景，不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意，它就是Bideo.js。特性自动调整：Bideo.js可以根据当前浏览器窗口的大小自动调整视

    21 2018-11-26 0 21

  • HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能_html5教程技巧

    之前做过一版h5微信聊天移动端，这段时间闲来无事就整理了下之前项目，又重新在原先的那版基础上升级了下，如是就有了现在的h5仿微信聊天高仿版，新增了微聊、通讯录、探索、我四个模块 左右触摸滑屏切换，聊天页面优化了多图

    64 2018-11-26 0 64

  • 浅谈Html5多线程开发之WebWorkers_html5教程技巧

    我们都知道，浏览器执行js代码是单线程的，当页面脚步执行时，页面是没办法响应别的的，直到脚步的结束，而这里介绍的WebWorkers就可以改变这一切。WebWorkers是运行在后台的js代码，独立于其他脚本，不会影响页面的性能。我们可以

    32 2018-11-26 0 32

  • 深入浅析HTML5中的article和section的区别_html5教程技巧

    内容区块是指将HTML页面按逻辑分割后的单位。对于页面网站来说，导航菜单、文章正文、文章的评论等每一个部分都可称为内容区块。　　article元素　　article元素代表文档、页面或应用程序中独立的、完整的、可以独自被

    20 2018-11-26 0 20

  • HTML5触摸事件实现移动端简易进度条的实现方法_html5教程技巧

    前言HTML中新添加了许多新的事件，但由于兼容性的问题,许多事件都没有广泛的应用，接下来为大家介绍一些好用的移动端触摸事件: touchstart、touchmove、touchend。介绍下面我们来简单介绍一下这几个事件: touchstart：

    11 2018-11-26 0 11

  • HTML5离线应用与客户端存储的实现_html5教程技巧

    支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用。开发离线Web 应用需要几个步骤。首先是确保应用知道设备是否能上网，以便下一步执行正确的操作。然后，

    25 2018-11-26 0 25

  • 浅谈Html5移动端ios/Android兼容性总结_html5教程技巧

    以前做pc端，也会遇到兼容性的问题，不过说实话，脑海里全是ie的问题，并没有什么可特别注意的，可能是我不善总结，现在做移动端（本来觉得移动端很easy，所以没放在眼里），so，我错了，我为自己的轻视高傲买单！最近就遇见了一些兼容性bug，从

    15 2018-11-26 0 15

  • HTML5中的websocket实现直播功能_html5教程技巧

    做视频直播这一块，前期研究了很多方案，包括websocket，因为各种原因最后没有采取这个方案，但还是想记录一下学习的心得。WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器

    29 2018-11-26 0 29

  • Html5应用程序缓存(Cache manifest)_html5教程技巧

    一、作用离线浏览 - 根据文件规则把资源缓存在本地，脱机依然能够访问资源，联网会直接使用缓存在本地的文件。优化加载速度，节约服务器资源。二、适用场景正如 manifest 英译的名字：离线应用程序缓存，这项功能是设计给会有

    16 2018-11-26 0 16

  • Html5之title吸顶功能_html5教程技巧

    吸顶功能吸顶是一种比较常见的交互效果，当页面滑出屏幕边界，标题会自动吸附在屏幕边缘，用于提示用户。基本原理在H5中实现的基本原理就是判断当前页面滑动的距离scrollTop和标题距离页面顶部距离offsetTop的关系，进而设置

    34 2018-11-26 0 34

  • CSS实现元素居中原理解析_CSS教程_CSS_网页制作

    在 CSS 中要设置元素水平垂直居中是一个非常常见的需求了。但就是这样一个从理论上来看似乎实现起来极其简单的，在实践中，它往往难住了很多人。让元素水平居中相对比较简单：如果它是一个行内元素，就对它的父元素应用 text

    25 2018-11-10 0 25

  • css实现“加号”效果的实例代码_CSS教程_CSS_网页制作

    实现下图的加号效果：若想实现这个效果， 只需一个div元素即可搞定。需要用到css的为了before和after， 以及border特性。先设置一个div便签 <div class="add"></div>再设置一个边框：.add { border: 1px solid; width: 100

    25 2018-11-10 0 25

  • HTML5视频播放插件 video.js介绍 _html5教程技巧

    video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页)，功能强大，且支持降级到flash,兼容ie8。官网：http://videojs.com/ git&demo ：http://files.cnblogs.com/files/stoneniqiu/video-js-

    23 2018-11-10 0 23

头条

推荐视频教程

  • PHP入门视频教程之一周学会PHP
  • 弹指间学会HTML视频教程
  • 弹指间学会CSS视频教程
  • javascript初级视频教程
  • CSS3 最新视频教程

    • HTML5中文学习网：永久免费的在线教程，先进技术学习阵地！

    Copyright 2011-2018 http://www.html5cn.com.cn/ All Rights Reserved | 京ICP备18048875号网站地图广告服务

    html5先行者