HTML5 – 新旧语法简介
众所周知，HTML是互联网有史以来最伟大的发明。这种超文本标记语言实际上是现代互联网发展的一个基石，以它为中心出现了一个独特的自给自足的体系。
当开发HTML5时，它的设计者们正面对着一些很重要的问题，希望能在HTML5里解决。其中的一个问题是，要创建一个真正简洁明了而且易于扩展的语义。 目前这个问题中棘手的部分是老版本的HTML当时是以功能多样的理念为目标设 –大量的各种各样的
http://cyqdata.com/cnblogs/article-detail-38435
HTML5边玩边学（6）：汽车人，变形......
一、状态及其保存和恢复
在这一节开始之前，我们要先理解一下什么是状态以及状态的保存和恢复。玩过 MFC 编程的人经常能碰到这样的代码：pOldPen=pDC->SelectObject(pNewPen)
我们在选择一个新画笔对象的同时，总是要保存住旧画笔对象，为什么要这样做呢？因为新画笔对象只是临时用一下，等用完了，我们想恢复到原来的画笔配置时，如果旧的配置事先没有被保存，这些配置
http://cyqdata.com/cnblogs/article-detail-38312
工若善其器，必然利其事。 HTML5开发工具选择
最近html5传得挺火的，不断地冲击flash的爱好者， 甚至客户端的程序员也对其产生一定的敬畏. 本人作为，也是flash开发者， 同时也开发客户端软件， 可以说是对它又爱又恨了。于是， 我也慢慢开始学习html5的开发. 本人没有美工功底，学习html5的主要目的也不是为了
http://cyqdata.com/cnblogs/article-detail-38227
【最新】五大主流浏览器 CSS3 和 HTML5 兼容性大比拼
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。
当然，即使标准正式制定了，现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 H
http://cyqdata.com/cnblogs/article-detail-38209
值得收藏的HTML5资源
HTML5 越来越引起人们的关注，苹果甚至将 HTML5 视为 Flash 的掘墓人。然而，作为一种尚未成型的技术，HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。
1. WTF is HTML5
这是一个关于 HTML5 Infographics 的站点，包含诸如
http://cyqdata.com/cnblogs/article-detail-37923
使用 HTML5 可以做的五件很棒的事情
作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，它可以说是近十年来 Web 标准最巨大的飞跃。这篇文章将向大家展示使用 HTML5 可以做的五件很棒的事情。
1. 制作时尚的表单
表单是Web设计的重要组成部分，常见的有注册表单、联系表单以及反馈表单，表单设计应该在不影响用户体验和可用性的前提下尽量美观，以吸引用户填写内容。下面这些示例将带您体验 HTML5 的强大。
http://cyqdata.com/cnblogs/article-detail-37670
翻译-你必须知道的28个HTML5特征、窍门和技术
前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。
一、新的Doctype
//zxx:”doctype”中文意思指“文档类型”
仍在使用麻烦的，不可能记得住的XHTML文档类型？
<!DOCTYPE html PUBLIC "-//
http://cyqdata.com/cnblogs/article-detail-37647
HTML5对互联网的积极影响
虽然HTML5不会取代Flash或 Shockwave，但它将会对互联网的很多方面做出改进，使网站具备更丰富的功能，包括跟踪用户位置和在云计算平台中存储更多数据等。在一些简单的功能方面，HTML5将会取代插件，它可为广大用户提供更强大的信息处理能力。此外，HTML5还可能使互联网访问变得更加安全和高效。
近年来，浏览器提供商产生出相当多的互联网浏览器的改进思路，正是这些思路逐渐发展为第五代H
http://cyqdata.com/cnblogs/article-detail-37584
分享21个丰富多彩的 HTML5 小游戏
作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性。HTML5 的优势之一在于能够实现跨平台游戏编码移植，现在已经有很多公司在移动设备上使用 HTML5 技术。随着 HTML5 跨平台支持的不断增强和智能手机的迅速普，HTML5 技术有着非常好的发展前景，甚至有人预言 HTML5 将引燃移动平台游戏开发技术的新革命。今天，本文收集了21个非常棒的 HTML5 小游戏与大家分享。
A t
http://cyqdata.com/cnblogs/article-detail-36992
跨浏览器的HTML5占位文本(PlaceHolder)方案
HTML5里面一个非常不错的扩展功能就是可以在文本框上面增加占位文本。占位文本(PlaceHolder)是指当一个文本框没有被focus的时候显示的是提示文字，当他被点击之后就显示空白。这个功能很不错，但是并不是所有的浏览器都支持。这篇文章就来讨论一下怎样用比较简单的方法可以让所有浏览器都支持这个特性。
这里是例子这里可以下载
传统的解决办法
在我们有这个属性之前，我们一般是通过Javascrip
http://cyqdata.com/cnblogs/article-detail-36973
Html5 Rocks 镜像
www.html5rocks.com 是 Google 推出的推广HTML5 的站点。 站点包括4大功能:
1. Presentation. Html5 功能介绍。 2. Playground. Html5 在线练习场。 3. Studio. Html5 实现例子。 4. Tutorials. Html5 教程和资源。
类似Go
http://cyqdata.com/cnblogs/article-detail-36761
html5中可通过document.head获取head元素
今天，看一个国外网站发现人家获取head元素如下
var head = document.head || document.getElementsByTagName('head')[0];
后面的是我们常用的方式，前面的 document.head 着实第一次见。查资料发现原来是html5的东东。的确简单了，一个属性搞定。
当然，IE6/7/8不支持。IE9/Safari/Chro
http://cyqdata.com/cnblogs/article-detail-36692
HTML5视频方案：支持Ipad、Safari、Firefox、Chrome、IE9876
HTML5视频方案
支持Ipad、Safari、Firefox、Chrome、IE9876、Opera
商业方案：mp4->flash放mp4
视频文件格式：mp4
支持：Ipad、Safari、Firefox、Chrome、IE9876、Opera
原理：在Ipad、Safari、Chrome、IE9中原生播放mp4，在Firefox、Opera、IE876中使用flash播放器播放mp4
http://cyqdata.com/cnblogs/article-detail-36529
MIX 11– 微软互联网技术大会系列（10）——MIX11主题演讲电梯帖，所有资源总结导航，HTML5, IE, Web Platform, Windows Phone, Silverlight, Kinect
（首先感谢dudu的提醒，让我有了写这个电梯帖的念头，方便大家来看MIX11的重要发布信息。）
两天的MIX11主题演讲结束了，我承认，尤其是第二天的主题演讲是我这两年以来，参加所有微软会议最激动的一次，和我们在微博上（http://weibo.com/cnmsdn ）互动的朋友相信是有同感的！下面的电梯可以让您很方便的看到所有主题演讲的图文直播！
综述一下这两天发布的信息：
第一天主要是围绕
http://cyqdata.com/cnblogs/article-detail-36308
HTML5标准学习 - 编码
相信每一个前端工程师都或多或少遇上过“乱码”这位仁兄，无论你的基础有多么扎实，在生产的过程中都免不了偶尔和“乱码”兄弟喝上几杯茶吧。作为一个前端工程师，你是如何指定一个页面的编码的呢？你知道浏览器是怎么识别编码的吗？
首先，一个很简单的例子，用遇简的HTML页面来看看各浏览器下有什么不同：
<!DOCTYPE html>
最简HTML，
http://cyqdata.com/cnblogs/article-detail-36213
九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目，里面的例子都很独特，让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天，本文与大家分享其中9个很棒的例子，为了有更好的效果，建议在Chrome浏览器中浏览。
Untangle拖动蓝点，让所有线都不相交，看看你多久能解开
http://cyqdata.com/cnblogs/article-detail-36073
实战 HTML5 WebSocket 聊天室.net实现
WebSocket protocol 是HTML5一种新的协议(protocol)。目前紧测试了三个浏览器支持（Chrome,Firefox4,Safari) 客户端: var ws = new WebSocket(con); &nbs
http://cyqdata.com/cnblogs/article-detail-35797
HTML5标准学习 - 文档结构
说起HTML的结构，很多人都能说得头头是道，一般来说答案可能是这样的：
一个DOCTYPE，一个html，里面有head和body元素。
这当然不能说是不正确的，但是如果问到一个最小的HTML源文件必须有哪一些东西的话，恐怕很少有人能正确地做出回答。
先来回答一下这个问题，一个最简的HTML5源码文件需要的内容如下：
<!DOCTYPE html>
是的，就这样，一个字符不多，一
http://cyqdata.com/cnblogs/article-detail-35769
HTML5笔记(1) - HTML5的定义
前言
HTMl5自去年以来日趋流行，我也时不时的去关注和学习一些边边角角的东西。在这个过程中作了一些笔记，也留下了自己的一些思考，所以在这里记下来的既有一些“客观”的技术背景，更多是自己的“主观”看法，希望能和其他学习者进一步交流，希望过一段时间再看时能有更高层次的认识。
HTML是什么
平时在看一种新技术的介绍时，我最喜欢看的是按照“它
http://cyqdata.com/cnblogs/article-detail-35381
学习HTML5十佳站点推荐
当下掀起一股HTML5学习热潮，越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用。尽管HTML5的完全实现还有很长的路要走，但HTML5正在改变Web，未来HTML5将把Web带入一个更加成熟和开放的应用平台。为了方便大家学习HTML5 ，本文向大家推荐十个非常好的学习HTML5的网站。
1. Dive into HTML5
2. HTML5 Doctor
3. WTF is HT
http://cyqdata.com/cnblogs/article-detail-35070