html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- 详解HTML5应用中accordion三种效果的探索摘要：Accordion（手风琴，又名"抽屉"）效果，因其收展样式形如手风琴而得名。通过层级关系，在信息展示和页面布局上，达到巧妙的平衡。因此，广泛运用于Web以及App交互设计中。在以往的项目中Accordion通常是由JavaScript编码实现。本次分享，着重探索两种不依靠JS，采用纯CSS3或HTML5来实现其效果。并对其优缺点作初步的对比。
- HTML5实现下雪效果的实例代码分享本文描述了HTML5实现下雪效果的实例代码分享，有需要的朋友可以参考下
- Html5的Reset和Base样式结合的示例代码结合NormalizeCSS，ResetCSS,BaseCSS,Html5ResetCss整理了一份新的样式，我这里暂把他叫做HTML5的ResetCSS和BaseCSS的结合。下面把相应的代码贴出来以供大家一起探讨。
- html5仿AMD9官网酷炫的下载引导页动画特效的示例代码一直做后台的，但是最近对前端还是有点兴趣的，比较火的H5，于是用html5仿AMD9官网酷炫的下载引导页动画特效案例，下面分享给大家，当然本人只是初学者；大神莫喷哦；
- HTML5网页版黑白子五子棋游戏的示例代码分享闲来无事做，用H5搞了几个小游戏，当然本人只是菜鸟，搞出来玩玩，大神莫喷哦，1、HTML5网页版黑白子五子棋游戏代码，源码请下载附件！
- 基于HTML5的Web SCADA报表图文代码详解最近在一个SCADA项目中遇到了在Web页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。在以往的工业项目中，所有的表格看起来千篇一律，就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动App和Web应用的熏陶，人们的审美和要求都在不断提高，尤其是在Web项目中，还采用老式的数字表格确实也有点落伍了。
- html5离线应用application cache的代码详解我们通常使用浏览器缓存在用户磁盘上存储web单页，在用户再次浏览的时候已节省带宽，但即便这样，依然无法在没有Internet的情况下访问Web。为了让web应用程序在离线状态也能被访问。html5通过applicationcacheAPI提供离线存储功能。前提是你需要访问的web页面至少被在线访问过一次。
- html5 WebSocket在jetty7中实现的代码分享对于一些对数据实时性要求较高的系统，比如股票行情、在线聊天、微博，实现数据的实时推送是必须的。通常实现实时推送的方式有：
- html5 navigator.geolocation基于浏览器获取地理位置代码案例html5为window.navigator提供了geolocation属性，用于获取基于浏览器的当前用户地理位置。
- 动手打造html5俄罗斯方块的（图文）俄罗斯方块，主游戏界面应该由一个一个的方块组成，如下图，当然成品里面这些网格是看不到的，这里只是助于理解，主界面尺寸为400×500，设定每块砖（网格）的尺寸为20×20，则每行有20个砖块，每列有25个砖块。相关代码：
- 自己动手打造html5星际迷航的示例代码分享学习html5的canvas第三天，觉得还没过瘾，转眼就忘，于是趁着有空，准备弄个小游戏来玩！游戏应该需要注意性能，还有一些逻辑需要斟酌，我想还需要用户可修改性，也就是用户配置。好，开始我们简单但有趣的旅程吧——
- HTML5-Web Worker APIs的代码详解HTML5WebWorker可以使Javascript程序在后台单线程执行大量耗时的计算任务。WebWorker在执行时不能直接访问DOM。WebWorker也会消耗CPU和系统资源。WebWorker与页面间的通信可以通过WebWorker的方法postMessage和message事件。
- HTML5-Web Storage APIs的简述WebStorage是一种在客户端存储数据的方法。比起Cookie，WebStorage更加安全，能够存储更多对象，而不仅仅是字符串；WebStorage能够存储更大的数据，而不是像只能够存储几KB数据的Cookie；WebStorage还可以减少数据在客户端与服务器间的转换，减少带宽。
- HTML5-Offline APIs的简单介绍要使用离线功能，需要指定哪些资源离线缓存，这通过<html>标记的manifest属性指定一个以.manifest为扩展名的清单文件，需要离线缓存的资源、不要缓存的资源以及失败的请求替换页都在清单文件中列出。并且，清单文件的MIME类型必须是text/cache-manifest，这个MIME类型要从服务器端进行定义。清单的第一行不能为注释。
- HTML5-Geolocation APIs的示例代码HTML5中的地理位置相关的主要对象是navigator.geolocation，它有一些方法和属性，检测浏览器对HTML5地理位置的支持性也就是检测该对象。
- HTML5-XMLHttpRequest Level 2概述详解本文描述了HTML5-XMLHttpRequestLevel2概述详解，有一定参考价值，我们一起看下
- 自定义HTML5 Progress的样式的图文代码详解Progress元素是HTML5标准草案中新增的元素之一，W3C关于此元素的定义请猛击这里。默认情况下，Progress会生成一个和系统默认样式一样的进度条。Webkit中对于Progress的默认样式定义在这里可以找到。在Windows7和MaxOSLion中的显示效果如下：
- H5缓存-Manifest的示例代码分享（图文）在app中更新h5页面一直有缓存问题。默认什么都不做的情况下，app有一定的空间缓存页面。一开始更新之后会马上加载，等到app缓存空间上来之后更新就无法下载了。安卓能够清理缓存空间，ios就只能卸载重装(areukiddingme?)。这是最坏的情况，你可以更换下地址。
- Google AMP 是什么鬼？谷歌AMP（AcceleratedMobilePages，加速移动页面）是Google推出的一种为静态内容构建web页面，提供可靠和快速的渲染，加快页面加载的时间，特别是在移动Web端查看内容的时间。
- 谷歌为什么要推出AMP计划？谷歌近日宣布名为AMP的网页加速项目，去提高移动端网页载入的速度。AMP是一个开源项目，这项技术可以限制HTML，CSS，JavaScript中可能会影响网页加载速度的代码。谷歌表示，这项技术可以帮助Nexus5手机在3G网络下提高网页加载速度15%到85%。
- seozac：Google的AMP－加速移动页面AMP，AcceleratedMobilePages，译意大致是”加速的移动页面”，是Google去年10月份推出的一个提高移动页面访问速度的技术，具体技术细节可以在项目官网看到，有简单的中文版。
- 百度、搜狗、雅虎正式支持AMP谷歌在开发者大会上向外披露，中国的百度、搜狗，都已成为谷歌”移动网页加速项目“的合作商，它们都将全面对接谷歌的AMP，这就意味着百度和搜狗在移动端利用谷歌这项开源框架技术，可以让中国网民更快加载到搜索结果及相关网页。
- 谷歌AMP和百度MIP对SEO的影响AMP页面速度快，而页面打开速度确认是SEO排名因素之一，而且在移动搜索中是比较重要的因素，所以AMP应该还是有排名优势。
- 揭秘谷歌AMP项目：google amp是如何提高网页加载速度的？对于AMP而言，有两个影响用户体验的关键点，那就是JavaScript和基于JavaScript的广告。AMP的优势在于Google的强大服务器，劣势则在于Google广告。虽然听起来比较可笑，但广告的确是AMP的劣势所在。因为谷歌拥有互联网上最大的网络广告服务器
- 响应式网页设计9个要点响应式网页设计是针对多屏幕问题的一个很好的解决方案，但从印刷的视角来看有点困难。没有固定的页面尺寸，没有毫米或英寸，没有任何的物理限制，无从下手。