I'm Donkey

Docutype/button标签/Axure RP/Gzip

Jan 20

Ting倔倔在前端 Axure RP, button, docutype, Gzip 4 Comments

Docutype

淘宝首页使用的文档类型声明是HTML5的写法,而且这种写法在IE6,IE7上的兼容性了不错.只是偶尔会出现些小问题.根据这张对照表可以了解到各个浏览器对于各个文档声明的详细渲染情况.

<button>标签与<input type=”button”/>的区别

在研究淘宝注册页面的时候发现它的注册表单提交按钮是用的<button></button>这个标签,平时工作中我从来没用过这个标签,甚至一时怀疑这是不是W3C标准推荐使用的合理标签.Google一下大致了一些了解:

简单总结区别有以下几点

1. 如果用在表单里<button></button>不会自动提交表单数据,只会默认提交标签里的图像或文本信息,而<input type=”button”/>则会直接提交表单数据,使用起来很方便.所以在HTML的表单当中推荐使用input.
2. 写法上button是成对的闭合标签,里面可以直接包含图片或文本(其它标签不合理,热点地图是不合法的),而input只能将文本写在value的属性值里.
3. 从可操控性上来看button要比input更丰富些 具体可参看Button元素/button对象

Axure RP 5.6

昨天在网上下了汉化包,用起来方便多了,因为功能实在是太多了,呵呵.看了一些教程了解了一些基本功能.希望能在公司网站前端优化的同时借机会熟悉下这个软件.它最吸引我的功能是对于模板的管理.

主要是视觉零件与模板结构.这对于代码的重用性和维护性都是一个相当不错的工具. 接下来再要学习的就是交互原型的实现方法了. 当然它还有其它更多优秀的功能,比如流程图,导出HTML演示demo等等.

Gzip

之前对于Gzip一直有个不小的误解,或者说是学习时的粗心.在用firebug查看页面元素时发现所有图片都没有Gzip. 仔细看过http://developer.yahoo.com/performance/rules.html#gzip才知道原因. 原来图片等这些多媒体文件在传输过程中已经是压缩过的了,如果再压缩会对CPU造成很大压力.所以在发布产品时只对HTML Doc, CSS, JavaScript文件进行Gzip压缩.效果非常明显.

今天就到这里~~

PS.Zen-Coding是真好用.不过一些更方便的语法还没了解到 现在只会写最简单的,以后会越用越熟练~

PPS.最近发现许蒿的歌不错 跟之前后弦的风格很像~~

PPPS.某人真好~竟然将自己一半的年假分给我~估计这不管是在什么样的公司都很少见吧~~哈哈!