最近在使用画布处理图像像素时用到了file上传控件，发现了file上传控件的两个兼容性问题。一个是file上传控件在火狐下无法通过css改变width，另一个是file上传控件在不同的浏览器下的外观和行为都不一样。 下面是file上传控件在IE10，firefox16，chrome22,opera12,safari5.1.7里的截图： 在IE10里，双击输入框或者单击按钮都弹出文件选择框。在其他浏览器里单击输入框，按钮或文字都可以触发文件选择框。 鉴于这种混乱情况，有必要...
HTML是人们在万维网上沟通和交流所必须要使用的核心标记语言。最新版本的超文本标记语言HTML5已经带着新的功能和要素推出了，这里提供一些信息供您学习HTML5. HTML5是基于HTML4.01，XHTML1.0和DOM级别2HTML的下一代推荐标准。它的目标是减少对专有RIA技术的需要，就比如Adobe Flash, MicrosoftSilverlight 和 Sun JavaFX. 这个改进HTML的想法由WHATWG始于2004年且现在还在继续，虽然一些改进的部分已经完成并被使用了，但这...
是HTML5的声明，主流的游览器中只有IE8及以下版本不支持，这样IE会进入Quirks模式。但之后的声明可以强制指定IE的呈现模式，所以声明对IE就无影响。 HTML5并没有XHTML那么严格，对于一般的xhtml页面，基本都不通完全通过W3C验证标准，而改为HTML5声明后基本都能过。代码如下: 关于X-UA-Compatible 目前绝大多数网站都用 来作为IE8的兼容方法，虽然微软将IE向标准迈进了一大步，而事实上IE8还存在一系列渲染的奇怪现象是...
各位园友们，赶快行动起来吧，免费获得微软HTML5,JavaScript和CSS3的MCSD证书（价值一千多大洋）。如果你对此感兴趣，下面就和圣殿骑士一起完成注册和考试预定（PS.今天新加坡过节，不上班，有什么问题，圣殿骑士会尽力解答）。 首先在浏览器输入：http://www.microsoft.com/learning/en/us/offers/html5.aspx ，进入如下页面：点击如图“free online course” 进入视频学习页面，在此页面你可以学习到怎样用HTML5，JavaScript和C...
可能大家在使用jquery mobile时，经常会看到data-role、data-theme等的使用，比如：通过如下代码即可实现页眉的效果：代码如下: 我是标题通过手机浏览，效果如下： 为什么写一个data-role="header"就能实现底部为黑色、文字居中显示的效果呢？本文提供一种最简单的实现办法，让大家对这些用法有个直观的了解。我们写一个html页面，自定义一个data-chb="header"的属性，希望具备这个属性的div区域背景颜色为黑色，文字为白色，居...
Bootstrap 是由Twitter 工程师推出的基于HTML，CSS，JAVASCRIPT的简洁灵活的流行前端框架， 我们可以把它想象成一个定义了很多效果的CSS与JS的库，库里面已经定义好了各种组件的显示效果与动画， 比如：栅格布局、各种按钮、表格、表单、下拉菜单、标签页、导航条等，对于前端来说花几个小时看看官网的用法就能学会， 只要按照它的使用规则使用就可以了。没有什么教程比官方的更清楚了，直接看官方文档吧 中文资料看这里：http://w...
这里我们是结合Asp.net MVC做为服务端，您也可以是其它的服务端语言。让我们看面这个片断的HTML： 代码如下: @using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" , id="form1"})) { Upload Image: } 相关的Javascript是这样的： 代码如下: function fileSelected() { var file = document.getElementById(fileToUpload).files[0]; if (file) { var fileSize = 0; i...
代码如下: document.createElement(header); document.createElement(nav); document.createElement(section); document.createElement(article); document.createElement(aside); document.createElement(footer); 代码如下: html5测试 注意：这里的 一定要紧跟在head后面，不能放在页面尾部。 下载演示代码 html5_rest_jb51.rarhtml代码教程/参考手册 html代码热搜 Readonly和Disabled之间的微小区别...
在html5中为我们提供了一种本地缓存机制，它将取代我们的cookie，并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage，和sessionStorage。他们的用法一致。区别在于他们的时间限制不同。localStorage是不存在时间限制的。而sessionStorage这时基于session的数据存储，在关闭或者离开网站后，数据将会被删除。 下面我们来简单看看官方的示例操作： javascript 代...
使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图，能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage（本地存储）,可以长期存储数据，没有时间限制，一天，一年，两年甚至更长，数据都可以使用。 sessionStorage（会话存储），只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。 某个博主的测试localStorage兼容...
地理位置定位的几种方式：IP地址，GPS，Wifi，GSM/CDMA 地理位置获取流程： 1、用户打开需要获取地理位置的web应用。 2、应用向浏览器请求地理位置，浏览器弹出询问，询问用户是否共享地理位置。 3、假设用户允许，浏览器从设别查询相关信息。 4、浏览器将相关信息发送到一个信任的位置服务器，服务器返回具体的地理位置。 HTML5地理地位的实现： 1. 实现基于浏览器（无需后端支持）获取用户的地理位置技术 2. 精确定位用户的地理位...
WebRTC可能是明年最受关注的HTML5标准了，Mozilla为此开发了一套帮助你控制硬件的API，例如，摄像头，麦克风，或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。 在今天的这篇文章中，我们将介绍来自Wolfram Hempel开发的Photobooth.js，使用这个类库可以帮助你快速的调用摄像头功能，你可以很容易的添加摄像头功能到网站中。并且快速的帮助你拍照，你可以使用这个功能来实现用户的大头照拍摄，是不是非常不错？ ...
在上一篇中我们了解html5的Canvas ，在这一篇中不用多说，写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移（translate）和旋转变换（ratate），以及html5 Canvas的路径绘图，beginPath，closePath，rect，arc等，还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制，save，restore。 多的也不说了，直接上代码，有不解的欢迎提问，以及对我的建议指教都可以。 ff下效果图： 代码： 代码如下: 你的浏...
在html 5中的audio标签中，只有暂停按钮，但没有停止按钮，其实为其增加也不麻烦，方法如下： 代码如下: HTMLAudioElement.prototype.stop = function() { this.pause(); this.currentTime = 0.0; } 其实很简单，就是先暂停，然后时间归0； 调用方法： 代码如下: var aud = new Audio(); aud.src = 特殊他.ogg; aud.play(); aud.stop(); 上面代码可以在chrome,opera下跑，但firefox 17不行
html5作为下一代web标准，年前轩起了html5热潮。对于html5我只是本着了解看看。关于html5和RIA（silverlight，flash，JavaFx等）我不想说什么，也没有什么可说的，存在就有其存在的理由。孰优孰劣，留给事实、时间来证明的。 在html5中出现了一些新特性： canvas 元素 视频 video 和 声频audio 元素 ； 对本地离线存储（localStorage，sessionStorage）的支持 ； 新增特殊内容元素：article、footer、header、nav、section ； 新增...