当前位置:首 页>> 百 宝 箱

手机浏览器默认放大显示网页的问题 微信扫一扫
分享给朋友

  今儿加班赶个活,临时弄个演示页面,需要嵌入到安卓手机APP里使用,然后又遇到之前就遇到的一个历史遗留问题,关于页面宽度自适应手机屏幕这个纠结的事情,自适应是OK的,但是,手机浏览器非要自作多情的把页面放大一点显示,导致网页上部分元素显示不正常,或者和PC浏览器上差异过大。以前遇到的时候,也就是折腾个大概,看起来差不多就行了,没有仔细去深究一下HTML相关控制代码,这次是有空,就彻底好好搜索一下,看有没有啥好办法能一劳永逸,唉,搜出的中文结果,基本是一大抄,你抄我的,我复制你的,你粘贴他的,测试了一圈,还是老样子。后来没招,看英文的HTML说明文档吧,然后又发现个参数,测试后发现有效,不敢独享,特发文纪念。
首先要做的,你的网页最开头,HTML5的页面头声明是必需的,老版本的HTML没有测试。
<!DOCTYPE HTML>
<html>
或者使用Mobile页面头声明:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

W3C 宣布 HTML5 规范正式定稿 微信扫一扫
分享给朋友

  今天万维网联盟(W3C)正式宣布凝结了大量网络工作者心血历时三年的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网 络平台的奠基石。”这种跨平台的网页程序环境通常被称之为“Web标准”的保护伞。HTML5以及JavaScript和CSS相关技术能够能够让开发者 在任何设备上都运行开发丰富的网页应用,并且会有越来越多的企业加入到HTML5的大平台上来。 HTML5 规范正式定稿   尽管这个HTML5规范已经完成,但是这并不意味着我们的日常网络环境马上就会产生翻天覆地的变化。我们依然还有很多事情需要准备,预计将会在2014年完成HTML5网络环境的整体部署,还有目前还不清楚有多少企业会将自己的视频系统升级到HTML5,同时目前也没有一个明确的方案来完善部署目前的网络环境。

Google Swiffy:转换Flash到HTML5 微信扫一扫
分享给朋友

  http://swiffy.googlelabs.com/
  Swiffy可以把Flash动画文件,也就是SWF格式转换成HTML5,可以让你把Flash动画内容从新使用在一些没有Flash Player的设备上,比如iPhone、iPads等。

  Swiiffy目前只能支持到SWF8.0和ActionScript2.0的动画,转换后的HTML5格式的文件,可以很好的在基于Webkit的浏览器上浏览和使用,比如Chrome、Mobile Safari。SWF5版本的Flash动画文件,转换后的结果会更好,所以,如果可能的话,将您的Flash动画在生成时,选择Flash5的版本导出。版本过高的话,转换后会有很多Flash的高级属性无法支持。

  看来Google还得继续努力哦,毕竟Flash已经使用了这么多年,HTML5也是新手上路,所以这种转换本身应该只是一种过渡,也或者是暂时的折中方法。HTML5随着其标准制定的完成,终将成为新一代网页的标准,到那时,估计也就不需要把Flash转换成HTML5了,普及后的HTML5是可以取代Flash的,拭目以待吧。

  看看下面转换前后的效果,左边是Flash,右边是HTML5,如果您的浏览器版本比较老,比如IE6、IE7、IE8,那就看不了的,Firefox、Opera、Chrome、Safari是没有问题的。

IE9对CSS3和HTML5的支持 微信扫一扫
分享给朋友

  微软还是很变态,一些不错的CSS3的特性都还不支持,俺觉得一个起码的text-shadow该支持了吧,居然还不行。还算厚道,CSS3的选择器算是都支持了。看来W3C的标准执行的也不是很好,起码微软这只大鳄就不怎么遵守,其他浏览器如Chrome,Firefox,Safari,Opera还是不错,基本上绝大部分支持的很好。这次IE9是彻底的放弃XP用户了,也应该是置IE6于死地的时候了。

更多信息详见:http://fmbip.com/

W3C发布HTML5官方Logo 微信扫一扫
分享给朋友

  W3C(World-Wide Web Consortium,万维网联盟)放出了HTML5的官方新Logo,并对最近的网络开发技术做出了新的解释。

  该logo由Ocupop公司设计,这是一个专注与品牌打造和网络设计的公司。
  Ocupop的logo设计师Michael Nieling这样说道:
  HTML5 这个词获得了它自己的生命。无论是在开发者还是公众社区中,这个词的指代对象早已超过了简简单单一个标准的范畴,以至于来带了诸多的不解和争论。这套标准 需要一个标准。那就是,HTML5需要一组一致的、标准的可视化词汇来在对话、展示和解释中清楚地指代特定的对象。
HTML5的八大技术特征:
1. 语义学
作为HTML5的前端和中心,语义学能够赋予框架结构以意义。更详尽的标签组合以及资源描述框架,微型数据和微型格式将为你和你的用户打造一套数据驱动的网络。
2. 本地存储
在应用缓存,本地存储,索引数据库和文件应用程序接口的帮助下,HTML5应用甚至能在没有因特网连接的情况下工作。
3. 设备访问
地理定位只是一个开始,HTML5能够让应用程序访问连结到你计算机上的任何设备。
4. 连结性更有效率的连结性将能带来更实时的聊天,更快的游戏速度以及更好的沟通交流。服务器与客户端之间的网络套接字和邮件摄像头将比以往更加便捷。
5. 多媒体
音频和视频可是HTML5世界的一等公民,他们将与你的应用程序和网站和睦共处。灯光,摄影,开始!
6. 平面和三维效果
在SVG, Canvas, WebGL和CSS3 3D效果这些特性之间,你一定能找到让你的用户眼花缭乱,美不胜收的创意。
7. 性能和集成
使你的应用程序和网络在大量诸如Web Workers和XMLHttpRequest 2这样的技术下更加快速。没有人愿意停下了等你跟进的。
8. CSS3
在不牺牲你的讲义结构和性能的情况下,CSS3提供了大量的样式效果和加强你的网络应用。另外WOFF(Web Open Font Format)提供了前所未有的印刷灵活性控制。

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。