HTML5中的新元素
自从HTML4.01 1999年发布后,互联网经过了翻天覆地的变化。
今天,很多的HTML4.01都不再使用,或者几乎不再使用,或者不在像原来设计的方式使用。针对这些问题,HTMl5中我们删除并且重新设计了很多元素。
为了更好的帮助大家创建HTML文档,HTML5标准中包含了一些新的元素,能够更好的为开发人员设计文档结构,更好处理,绘画或者显示多媒体内容。精...
分类:
Web程序 时间:
2014-09-29 18:50:11
阅读次数:
208
什么是HTML5?
HTML5是HTML的新一代标准。以前版本的HTML标准4.01发布于1999。 自1999年以后,web已经有了翻天覆地的变化。
实际上HTML5仍旧是开发中的一个标准。但是很多主流的浏览器都开始支持HTML5的元素和部分API。
如何使用HTML5?
实际来说HTML5是World Wide Web Consortium(即W3C)和Web Hype...
分类:
Web程序 时间:
2014-09-29 18:49:11
阅读次数:
197
HTML5带出了一系列新元素,并且将在未来被广泛应用。然而,有一些元素在使用时易被混淆,包括以下两个新元素:和。
最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素?
Section元素
这是一个最容易产生歧义的元素。它与元素有什么区别?我们一直在用来划分段落,所以除 了,我们什么时候使用这个元素。...
分类:
Web程序 时间:
2014-09-29 18:32:11
阅读次数:
266
上面是亚马逊网站的下拉导航菜单,类似于天猫和京东商城。精心开发5年的UI前端框架!
鼠标移上去的效果反应非常迅速,事实上做过这种效果的人都应该知道,一般要做到如此快速的效果,当你从左侧移到右侧的时候是会出问题的。大多数dropdown菜单在鼠标移到菜单项并显示子菜单的时候,都会有一定的延迟效果,下面是old Khan Academy网站的一个例子:
看到...
分类:
Web程序 时间:
2014-09-29 18:29:51
阅读次数:
348
地图的构建非常简单,官方的API文档也写得很清晰,我只做一总结:
一、引入JS:这个很容易理解,既然是调用JS版的百度地图,肯定得引用外部的JS文件了,而这个文件来自百度的服务器(所以必须得联网,不然就没戏。。),我们以后用到的所有方法都写在这个JS文件当中。
这里的1.4为JS版百度地图的版本号,目前最新版本为1.4。(理论上这条语句是可以放在html文件中的任何位置,...
分类:
编程语言 时间:
2014-09-29 17:57:21
阅读次数:
791
css可以理解成布局标记语言,国外有一个叫做Learn CSS Layout的网站,每一种css的用法都在当前页面用css展现出来,并且配有非常详细的讲解。
与网上的其他教程不同的是,Learn CSS Layout里面的内容看起来非常轻松,我觉得可能是以下方面的原因:
1.非常详细的讲解,而且是图文并茂,并配有代码。
2.休闲的风格,就像是小学生学习新东西的感觉,完全不觉得是在...
分类:
Web程序 时间:
2014-09-29 17:56:11
阅读次数:
212
JQuery UI是JQuery官方支持的WebUI 代码库,包含底层交互、动画、特效等API,并且封装了一些Web小部件(Widget)。同时,JQuery UI继承了jquery的插件支持,有大量的第三方插件可以丰富JQuery UI的功能。JQuery UI提供的API极大简化了拖拽功能的开发...
分类:
Web程序 时间:
2014-09-27 20:21:00
阅读次数:
290
HTML5之前,要实现网页元素的拖动操作,需要依靠mousedown、mousemove、mouseup等API,通过大量的JS代码来实现;HTML5 中引入了直接支持拖动操作的API,大大简化了网页元素的拖动操作编程难度,并且这些API除了支持浏览器内部元素的拖动外,同时支持浏览器和其它应用程序之间的数据互相拖动。
本文通过一个简单示例,演示HTML5中拖动API的使用方法。
场景:...
分类:
Web程序 时间:
2014-09-26 21:03:18
阅读次数:
432
两月余前,关于FACEBOOK放弃HTML5而改用原生的事被炒的沸沸扬扬,一时间HTML5的处境下滑冰点,归其原因是“慢”。Webkit的解析过程先后需要经过解析、建立DOM树、获取对应资源、布局、建立渲染树、绘图到展示。这跟传统的商品流通路径非常相似:工厂、品牌公司、总代理、经销商、卖场、消费者。由于环节太多层层加价,产品到达消费者手里往往价格居高不下。而HTML5的代价同样是用户为使用产品而付...
分类:
Web程序 时间:
2014-09-26 20:29:28
阅读次数:
204
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。
Web Storage又分为两种:
sessionStorage
localStorage
从字面意思就可以很清楚的看出来,...
分类:
Web程序 时间:
2014-09-26 20:13:52
阅读次数:
340