文章关键字 ‘html’

疑问:为什么要使用href=”javascript:void(0);”?

2013年01月28日,星期一

本文的内容实际上三行文字就可以了。我实在是闲得蛋疼,活生生挤沟沟一样挤出了一个上中下三段的吐槽文章。大家代码都写得很辛苦,让半边脑袋休息一下,让另外半边代码出来活动一下吧。一篇慢思维的文章,求指点求吐槽。哈哈

阅读全文…

翻译:稳定、地道HTML书写原则

2013年01月4日,星期五

关于HTML书写的一篇译文,大家有兴趣可以看看,根据自己的实际情况,提炼出有帮助的信息。

阅读全文…

不使用JavaScript让IE浏览器支持HTML5元素

2012年07月20日,星期五

如果我们不做什么手脚的话,IE6~IE8浏览器不支持HTML5元素, <nav>, <header>, <footer>, <article> …
然而,前篇Google前端规范HTML部分中提到:要使用语义的HTML5元素作为text/html, 考虑到Google不可能把IE8等浏览器弃之不顾,因此,肯定是有什么方法可以让IE6~8浏览器也支持HTML5元素的……

本文就将介绍几个不使用JavaScript实现IE浏览器支持HTML5元素的方法,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译:谷歌HTML、CSS和JavaScript风格规范

2012年07月18日,星期三

本文翻译的内容并不是谷歌官方提供的完整HTML/CSS风格规范,而是一种带有总结性质的简单称述。完整的中文翻译,国内已经有(只有HTML/CSS, 无JS)。

大家都有自己的工作要做,大多数人没有多少精力去看冗长而且还是英文的规范文档。本文这里的基本点的总结基本上提炼了大家需要知道的一些东西,便于快速阅读。
希望本文的翻译能够对大家在使用HTML, CSS, JavaScript上有一定的启发与帮助。

阅读全文…

HTML5新增的form属性简介

2011年06月22日,星期三

HTML5中新增了一个名为form的属性,是一个与处理表单相关的元素。

在HTML4或XHTML中,我们要提交一个表单,必须把相关的控件元素都放在<form>元素下。因为表单提交的时候,会直接忽略不是其子元素的控件。但是,实际情况下,由于页面设计与实现的特殊性,会存在有些表单之外的元素也需要一并提交的情况,这时候,传统的表单功能就显得有些捉襟见肘了。

HTML5中新增form属性就是为更好地处理这个问题才出现的……

阅读全文…

精简高效的CSS命名准则/方法

2010年09月12日,星期日

老子有云:“天下万物生于有,有生于无”。具体解释就是:天下万物都是由看得见的具体事物(“有”)产生的,而看得见的具体事物(“有”)又是由看不见的,无形无状的东西(“无”)产生的,这个看不见的“无”也就是“道”,或叫做“根”、“母”。

我们看武侠片,经常听到“无招胜有招”这句话,这也是道家“无”之思想之体现。因为你心中没有招式,你才能有无限的可能,生成其他的招式以克敌,即所谓以不变应万变;相反,如果你心中牢记一套“华山剑法”,当你与人交手时,势必按照此套路走,要是遇到相克之剑法,结局就是一败涂地。“无招”是一种境界,是你功夫修炼到一定程度才能领悟到的。

可见,要想发挥更大,就需要“无”,把一些“限制的东西”通通去掉。没有限制才能发挥出最大的潜能。站在最简单,最原始的那个点上,你才能自由驰骋,应变自如。

阅读全文…

CSS页面重构之“门派”之分

2010年08月14日,星期六

本文是我CSS理论方面又一篇重磅的文章。文中提出了CSS页面重构一个非常新颖的“门派”观点,主要指出了当下CSS页面重构两种主要的“流派”,并通过大量的实例与图片对此观点进行了说明与验证。
对于CSS页面重构的“门派”之分,其实自己的思考还不是很成熟,借此文顺便梳理了下自己的思考。这里,我特别想汲取其他同行的一些观点与看法,以帮助自己进一步地成长。所以非常欢迎指出您觉得表达不准确的地方,也欢迎提出您自己的一些观点。

阅读全文…

CSS的样式合并与模块化

2010年07月8日,星期四

CSS样式合并于分离之合并 张鑫旭-鑫空间-鑫生活
本文的核心观点为CSS的合并与模块化,似乎与前一篇文章“CSS样式的再分离”有矛盾,其实不然,分离可以精简CSS代码,合并也可以精简CSS代码,一切都是权衡!或是说是在恰当的情况下使用恰当的手段。

正如前文所提到的,分离可以精简CSS,但是同时会带来巨大的HTML代码的开销,显然,对所有的样式进行再分离式不切实际的,是会带来痛苦的。

本文的“合并”和“分离”属于对立又相辅相成的,理解的“合并”与“分离”的精髓之后,您会发现写CSS代码就是一门艺术。同样的,本文也是为我后面的“我的CSS架构”一文做铺垫的,写这些都是为了同一个目的:写出最精简高效的CSS代码……

阅读全文…

CSS样式分离之再分离

2010年07月8日,星期四

CSS样式合并于分离之分离 张鑫旭-鑫空间-鑫生活
我从以前讲布局思想,讲无CSS rest,到现在的CSS样式分离之再分离,以及后面的CSS架构,都是一个体系里面的。我清楚的指导,这些东西,其实很多优秀的前端人员也是知道一二,或是比我理解更深刻的。但是,对于大多数同行而言,可能认为我“又在挑刺”,其实不然。

我把我自己的理解讲出来,是希望让您知道,现在绝大多数的CSS写法,架构都是有很多不足的,缺少创新。我就这么跟您说吧,您所做的任何项目,其实根本只要一个CSS文件就足够,您要是真的通透了CSS的“分离”、“架构”,即使这个网站项目有100个页面(风格统一),您也可以只使用一个CSS页面,并且可以控制CSS文件(未压缩)在40K以下。

我是自信可以这么实现的。我最近做的项目50多个页面,未压缩(含大量注释,竖排)的CSS文件,就30K左右,服务器端压缩后仅11K左右,同时网站整站自适应,从内容到各个按钮,导航,全部宽度自适应,兼容性良好….

阅读全文…

纯客户端页面关键字搜索高亮jQuery插件

2010年06月22日,星期二


这是我近期写的有一个实用的小插件,主要是在客户端对页面文字进行搜索并高亮显示。js文件很小,未压缩版仅3K,不足100行代码,但是搜索的速度还是很让人满意的。
本文将简单展示于介绍这个实用的小工具插件,提供截图,Demo页面以及源文件下载希望能对您的学习有所帮助。

阅读全文…