HTML5
AndroidDev2022
焚膏油以继晷,恒兀兀以穷年。钻研 Android、系统架构、音视频、跨平台开发,有问题联系邮箱 hgncxzy@qq.com
展开
-
html5客户端本地存储之sessionStorage及storage事件
sessionStorage和localStorage非常相识,方法也几乎一样:非常通俗易懂的接口:sessionStorage.getItem(key):获取指定key本地存储的值sessionStorage.setItem(key,value):将value存储到key字段sessionStorage.removeItem(key):删除指定key本地存储的值sessionSt原创 2013-08-25 17:04:28 · 2551 阅读 · 0 评论 -
HTML5移动开发之路(18)—— PhoneGap
一、PhoneGap是什么PhoneGap 是一个用基于 HTML,CSS 和 JavaScript 的,创建移动跨平台移动应用程序的快速开发框架。它使开发者能够利用 iPhone,Android,Palm,Symbian,WP7,Bada 和 Blackberry 智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外 PhoneGap 拥有丰富的插件,可以以此扩展无原创 2014-10-31 21:17:35 · 1430 阅读 · 0 评论 -
HTML5移动开发(5)——制作一个漂亮的视频播放器
在前面几篇文章中介绍了HTML5的特点和需要掌握的基础知识,下面我们开始真正的体验一下HTML5的优势,我们开始制作一个漂亮的视频播放器吧先别急,在开始制作之前先了解一下视频文件的基本知识。一、视频的格式目前比较主流和使用比较的的视频格式主要有:avi、rmvb、wmv、mpeg4、ogg、webm。这些视频都是由视频、音频、编码格式三部分组成的。在HTML5中,根据浏览器的不同,原创 2014-10-15 14:33:35 · 10317 阅读 · 0 评论 -
HTML5移动开发之路(17)——HTML5 Web SQL Database
一、Web Database介绍WebSQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持WebSQL DatabaseWebSQL数据库有三个核心方法:1)打开数据库openDatabase()方法:此方法创建数据库对象,既可原创 2014-10-31 21:01:15 · 3130 阅读 · 0 评论 -
HTML5移动开发(8)——链接,图片,表格,框架
一、HTML是什么?HTML(hypertext mark-uplanguage)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字、图像、视频、声音…HTML只能做静态网页二、HTML发展历史html之父-Tim Berners-Lee蒂姆·伯纳斯-李(Tim Berners-Lee)1955年6月8日出生于英国伦敦关于详细原创 2014-10-16 20:34:19 · 2337 阅读 · 0 评论 -
HTML5移动开发(9)——从一个多媒体标签说起
一、视频播放html> head> title>多媒体播放title> head> body> embed src="http://demo.inwebson.com/html5-video/iceage4.mp4"> body> html>原创 2014-10-16 21:09:36 · 1966 阅读 · 0 评论 -
html5的自定义data-*属性和jquery的data()方法的使用
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签原创 2013-08-20 19:08:39 · 1735 阅读 · 2 评论 -
HTML5移动开发之路(12)——HTML5中的音频
浏览器虽然发展很快,但是浏览器中的标准还是不完善,在HTML4+CSS2+JS的前段开发中让很多程序员头疼的就是浏览器的兼容性问题,音频播放也一样,直到现在,仍然不存在一项网页上播放视频和音频的标准。现在,在大多数浏览器中,音频是通过插件(比如:flash插件)来播放的。然而,不是所有浏览器都具有这样的插件,所以对音频的播放造成了一定的麻烦。在HTML5的新标准中规定了一种通过audio元素来包含原创 2014-10-21 22:39:49 · 1113 阅读 · 0 评论 -
HTML5移动开发之路(10)——HTML5中的全局属性
一、accssskey 快捷键> html> body> a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">小强的HTML5移动开发之路a>br /> a href="http://blog.csdn.net/colum原创 2014-10-21 22:28:30 · 1736 阅读 · 0 评论 -
10个最常见的 HTML5 面试题及答案
1、新的 HTML5 文档类型和字符集是?HTML5 文档类型很简单:1<!doctype html>HTML5 使用 UTF-8 编码示例:1<meta charset=”UTF-8″>原创 2014-12-21 22:19:49 · 1177 阅读 · 0 评论 -
html5开发之viewport使用
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的使用能帮你做到这一点…… viewport 语法介绍: <!-- html document -->转载 2015-05-18 09:37:52 · 833 阅读 · 0 评论 -
HTML5移动开发(1)——HTML介绍
HTML是HyperText Markup Language(超文本标记语言)的缩写,是构成所有所有网页基本结构的文本及标签组合。一、目前市场上流行的浏览器IE/Chrome/firefox/opera其中Chrome/firefox/opera以及IE 9/10都能很好的兼容html5二、HTML标签html标签都以“"括号结束原创 2014-10-15 11:37:46 · 963 阅读 · 0 评论 -
HTML5移动开发(6)——Canvas图形绘制基础
在前面提到Canvas是HTML5中一个重要特点,canvas功能非常强大,用photoshop可以实现的效果canvas也同样可以实现,下面我们用canvas实现基本图形的绘制。一、Canvas标签的使用> html> head> meta charset="utf-8"> head> body原创 2014-10-15 14:43:00 · 1330 阅读 · 0 评论 -
HTML5移动开发(4)——CSS2和CSS3
在上一篇中我们提到学习HTML5要具备CSS的知识,在页面设计的时候HTML5知识页面的布局与结构,要实现一个很绚丽漂亮的界面就需要借助CSS。下面我们先来回顾一下css2的基本用法,再来看看和css3的关系与区别。1、css是什么?cascading stylesheet(级联样式表),为网页提供表现形式。按照w3c规范,设计一个网页,应该将网页的数据与结构写在html文件里,网原创 2014-10-15 14:19:02 · 1387 阅读 · 0 评论 -
HTML5移动开发之路(11)——Video标签详解
在前面的小强的HTML5移动开发之路(5)——制作一个漂亮的视频播放器中制作了一个非常好用的播放器,有的朋友对其中的原理还不是很了解,这一篇文章将在前一篇的基础上深入剖析标签的使用。一、使用技巧在html5中可以使用或者标签播放html5媒体,使用方式如下:video src="move.mp4">video> video标签中有很多属性,例如cont原创 2014-10-21 22:41:11 · 2797 阅读 · 0 评论 -
HTML5移动开发(21)——HTML4与HTML5文档结构比较
一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于“章——节——小节”这样的层次结构来进行。在HTML4中的描述方式:html> head> head> body> h1>第一章 小强的HTML5移动开发之路h1> h2>1.1 HTML5概述h2>转载 2014-11-09 22:57:29 · 1794 阅读 · 0 评论 -
HTML5移动开发之路(13)——神奇的拖放功能
在智能手机发展飞速的现在拖放功能已经成为一种时尚,但是在我们的浏览器上是不是还缺少这种方便快捷的功能?在HTML5的新标准中就有关于拖放的标准,作为HTML5标准的一部分,任何元素都可以被拖放。一、浏览器支持情况Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5.1原创 2014-10-29 21:11:40 · 1257 阅读 · 0 评论 -
HTML5移动开发之路(14)——HTML5内联SVG
一、什么是SVG可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟SVG 于 2003 年 1 月 14 日成为 W3C 推荐标准。SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的原创 2014-10-29 21:18:57 · 1815 阅读 · 0 评论 -
HTML5移动开发之路(15)——HTML5地理定位
HTML5 Geolocation API用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,在使用该功能的时候浏览器会弹出提醒框。一、地理定位的几种方式IP地址、GPS、Wifi、GSM/CDMA二、地理位置获取流程1、用户打开需要获取地理位置的web应用。2、应用向浏览器请求地理位置,浏原创 2014-10-29 21:26:06 · 2439 阅读 · 0 评论 -
HTML5移动开发(3)——HTML5与HTML4比较
在前面介绍了HTML5的新特性,新标签的使用,智能表单设计,引入多媒体对象,Canvas对象你的画布,扩展图形标记,HTML5中的地理应用,独立数据存储,新的网络连接。HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化原创 2014-10-15 13:56:00 · 1407 阅读 · 0 评论 -
HTML5移动开发之路(16)——HTML5 Local Storage(本地存储)
一、浏览器存储的发展历程本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看下目前主流的本地存储方案:Cookie: 在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出原创 2014-10-31 20:50:11 · 1641 阅读 · 0 评论 -
HTML5移动开发之路(7)——在线画板
在这一篇文章中我们用html5来实现一个在线的画板,玩过你画我猜的朋友今天也可以做一个简单的你画我猜小游戏啦,效果如下图所示:过程很简单直接上代码了:> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/原创 2014-10-15 15:07:50 · 1969 阅读 · 0 评论 -
HTML5移动开发(2)——HTML5的新特性
一、画布(Canvas)画布是网页中的一块区域,可所以用JavaScript在上面绘图。下面我们来创建一个画布并在上面绘制一个坦克(后面将用HTML5做一个坦克大战游戏),代码如下:> html> head> meta charset="utf-8"/> head> body> h1>html5-坦克大战h1> ca原创 2014-10-15 13:44:36 · 921 阅读 · 0 评论 -
dreamweaverCS6整合eclipse开发之android本地应用
使用工具:eclipse version Indigo Service Release 1,dreamweCS6(版本为Dreamweaver_12_LS3,版本不同,构建时略有不同,建议选择至少6.0或以上版本来获得更好的支持)1.在eclipse中新建一个项目名为DreamWeaverTest2.打开dreamweaverCS6,新建站点,其中本地站点文件夹为要添加的项目文件夹原创 2013-08-07 09:02:12 · 1684 阅读 · 0 评论