html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- 详细介绍HTML5中的跨文档消息传递跨文档消息传送（cross-documentmessaging），有时候也简称为XDM，指的是来自不同域的页面间传递消息。例如，www.w3cmm.com域中的一个页面与一个位于内嵌框架中的p2p.w3cmm.com域中的页面通信。在XDM机制出现之前，更稳妥地实现这种通信需要花很多功夫。XDM把这种机制规范化，让我们能既稳妥有简单地实现跨文档通信。
- HTML5 API浏览器支持情况检测的详情介绍HTML5发展到现在，虽说没有大规模的普及，但在我们日常生活中，也很容易见到了，HTML5的游戏、网站、应用也是层出不穷。而作为前端人员，也应该多了解这些API为以后应用打基础，下面我将给大家介绍HTML5新引入的API，并附上各个API的浏览器检测方法，我主要参考了最近看的《html5揭秘》和《html5高级程序设计》。
- HTML5实践之歌词同步播放器的示例代码分享歌曲播放我们会发现他的兼容性不是很好，譬如IE上能播放的flash播放器，再firfox或者chrome上就不是很好的应用了，因为有插件的阻碍!HTML5的出现让这一切成为了可能，但是播放器虽然播放了，我们还要关注一下用户的体验度，所以，我们就写了一个HTML兼容的播放器！向下兼容IE6-9、chrome、firfox、opera等主流播放器，应该是全兼容！实现原理代码给大家奉上！
- 详细介绍H5弹性盒布局的使用（父容器属性）本文详细介绍了html5弹性盒子的一些属性，并用实例说明如何使用弹性盒子进行布局。
- HTML5各种头部meta标签的功能本文详细总结了html5中meta标签的一些用处。
- 详细介绍HTML5中的新事件HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。
- Canvas实现圆形进度条并显示数字百分比本文详细介绍动画的一个效果，圆形的进度条，中间显示百分比。
- 使用Html5实现树叶飘落的效果本文讲解了使用Html5来制作输液飘落的一个特效。
- 详细介绍HTML5 File api实现断点续传目前市场上大多数的网站的断点上传都是需要安装浏览器插件的，本文就针对高级浏览器的环境下，通过HTML5Fileapi实现断点上传进行说明
- html5文件拖拽上传的示例代码分享html5文件拖拽上传是个老话题了，网上有很多例子，我一开始的代码也是网上找来改的，只是踩了几个坑之后就想把过程记录下来。
- 详细介绍HTML5简易在线画图工具的实现案例继上次学习了HTML5的路径画圆做了动态时钟、异次元空间的反转做了运动的太阳系，这两天将画线、画圆、填充等知识点结合起来做了一个简易的在线画图工具：
- HTML5手机开发-滚动和惯性缓动的代码实例1.滚动以下是三种实现方式：1)利用原生的css属性overflow:scrolldivid=parentstyle=overflow:scroll;divid='content'内容区域/div/divNotice:在android有bug,滚动完后会回退到最顶端的内容区域，解决办法是使用后两种方式实现2)js编程实现思路：对比手指在屏幕上移动前后位置变化改变内容元素content
- HTML5标准学习-简介介绍最近前端的群都蛮热闹的，但我发现多数讨论的是javascript和css相关的问题，仿佛大家在努力创建各种交互、样式的时候，忘却了这一切的基础-HTML。
- HTML5标准学习-文档结构详解这当然不能说是不正确的，但是如果问到一个最小的HTML源文件必须有哪一些东西的话，恐怕很少有人能正确地做出回答。
- HTML5标准学习-DOCTYPE头部分析上一篇文章主要讲述了HTML文档的构成，同时肤浅地接触了“标签省略”这一概念，本文会从概念上介绍HTML文档中第一个出现的重要元素-DOCTYPE。
- 详细介绍HTML5技术在风电、光伏等新能源领域的应用（图）随着新一轮工业革命兴起，应对气候变化日益成为全球共识，能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国，以风能、光伏发电为代表的新能源产业发展迅速，可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心，发电技术继续沿着大规模、高效率和低成本方向持续进步，中国在风能和光伏发电领域的累计装机量和新增装机量已经跃居世界首位。
- 基于HTML5的Web SCADA报表的图文代码分析最近在一个SCADA项目中遇到了在Web页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。在以往的工业项目中，所有的表格看起来千篇一律，就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动App和Web应用的熏陶，人们的审美和要求都在不断提高，尤其是在Web项目中，还采用老式的数字表格确实也有点落伍了。
- 基于HTML5 Canvas实现矢量工控风机叶轮旋转的示例代码之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。
- Zip压缩和解压技术在HTML5中的应用的代码案例（图）JSZip是一款可以创建、读取、修改.zip文件的javaScript工具。在web应用中，免不了需要从web服务器中获取资源，如果可以将所有的资源都合并到一个.zip文件中，这时候只需要做一次请求，这样既减少了服务器的压力，同时也可以加快web应用的呈现速度。
- 详细介绍通过HTML5的Drag和Drop生成拓扑图片Base64信息的案例HTML5原生的DragandDrop是很不错的功能，本文将搞个有点使用价值的例子，通过DragandDrop生成图片的Base64的字符串信息。
- 快速开发基于HTML5网络拓扑图应用的详解（图文）该例子展示了如何构建两个节点、一条连线、以及一个Group的组合效果。结合《数百个HTML5例子学习HT图形组件–拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作DataModel数据模型，以下为构建上图界面效果的模型代码部分：
- HTML5网络拓扑图性能优化的图文详解HTML5中的Canvas对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响，操作起来没那么顺畅，体验将会极其差，这不是我们想要的结果，再进一步和图片的绘制进行比较比较，你会发现，绘制图片和绘制文本在性能上不是一个等级的，在性能上绘制图片会好太多。
- HTML5实现斯诺克桌球俱乐部的示例代码（图）毫无疑问，我们已经目睹了HTML5背后的那场伟大的Web开发革命。经过那么多年HTML4的统治，一场全新的运动即将完全改变现在的Web世界。正是他释放出来的现代化气息和丰富的用户体验，让它很快地成为了一个独特的插件运行在类似Flash和Silverlight的框架之上。
- html5手机触屏touch事件的详细介绍HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。
- 实践HTML5的CSS3Media Queries的示例代码分享先来介绍下media，确切的说应该是CSSmediaqueries（CSS媒体查询），媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。CSS3加入的媒体查询使得无需修改内容便可以使样式应用于某些特定的设备范围。