分类：HTML5

2014
12-03

10款最佳HTML5绘图工具

HTML5无疑是当前最受宠的一项技术，每个web设计者都在热烈的讨论这种神奇的标记语言的兴起。HTML5是一种学起来毫不费力的标记语言，但它却能提供迷人的、富有艺术性的特征，帮助web设计人员完成他们的构思想象。HTML5对于一个设计人员来说能毫不费力的理解，轻松的掌握。草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。今天，我给web设计人员收集了几款最好的HTML5绘图或涂鸦... 继续阅读 >
2014
12-03

HTML5网站开发专用基础模板（包含完整注释）

分享一个HTML5页面开发的基础性模板，包含了两个版本：开发版本注释版本开发版本<!DOCTYPEhtml><html><head><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metacharset="utf-8"><title></title><metaname="description"content=""><metaname="author"content=""><metaname="viewport"content="width=device-width,initial-scale=1"><linkrel="stylesheet"href=""><!--[ifltIE9]><scriptsrc=... 继续阅读 >
2014
12-03

HTML5 中 40 个最重要的技术点

内容介绍SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？什么是HTML5？为什么HTML5里面我们不需要DTD（Document Type Definition文档类型定义）？如果我不放入<! DOCTYPE html>标签，HTML5还会工作么？哪些浏览器支持HTML5？HTML5的页面结构同HTML4或者更前的HTML有什么区别？HTML5中的datalist是什么？HTML5中哪些是不同... 继续阅读 >
2014
12-03

HTML 5 History API的”前生今世”

History是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了。但是，利用HTML5的HistoryAPI，我们可以更好的控制浏览器的历史记录了。例如：我们可以添加一条记录到历史记录的列表中，或者在没有刷新时，可以更新地址栏的URL。为什么介绍HistoryAPI？在这篇文章中，我们将了解HTML5中HistoryAPI的来源。在此之前，我们... 继续阅读 >
2014
12-03

为HTML5开发人员量身打造的7个Web框架

HTML5规范开发完成时，将成为主流。据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTMLWeb开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。毋庸置疑，HTML5已经改变了我们的percieve在线网站、应用程序和内容。它是如此的先进，以至于许许多多的浏览器期望使用上HTML5的最新功能，然而这需要很长时间来计划以及实施。如果你之前有与网络相关的脚本经验，那么学习HTML5可能并... 继续阅读 >
2014
11-11

类似github,houzz使用ajax和HTML5无刷新改变页面URL

表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？HTML5里引用了新的API，history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。与传统的AJAX的区别传统的ajax有如下的问题：1、可以无刷新改变页面... 继续阅读 >
2014
11-11

深入学习HTML5的history API

不得不佩服下谷歌Chrome团队，利用HTML5和CSS3实现了一本相当漂亮的在线电子书：《关于浏览器和互联网20件事》。访问地址：http://www.20thingsilearned.com话说这本电子书已经出来很久了，不过今天来看依然觉得相当的赞。我们无需刷新页面，就可以来回切换电子书页面，这正是OPOA（OnePageOneApplication）的完美体现。现在正在学习关于historyAPI这方面的东西，所以特别感兴趣的是他们如何使用window.history.pushState()... 继续阅读 >
2014
11-11

HTMl5的sessionStorage和localStorage详解与使用

html5中的WebStorage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。webstorage和cookie的区别WebStorage的概念和cookie相... 继续阅读 >