关于HTML书写的一篇译文，大家有兴趣可以看看，根据自己的实际情况，提炼出有帮助的信息。
文章关键字 ‘html’
翻译：稳定、地道HTML书写原则
2013年01月4日，星期五不使用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样式分离之再分离
2010年07月8日，星期四
我从以前讲布局思想，讲无CSS rest，到现在的CSS样式分离之再分离，以及后面的CSS架构，都是一个体系里面的。我清楚的指导，这些东西，其实很多优秀的前端人员也是知道一二，或是比我理解更深刻的。但是，对于大多数同行而言，可能认为我“又在挑刺”，其实不然。
我把我自己的理解讲出来，是希望让您知道，现在绝大多数的CSS写法，架构都是有很多不足的，缺少创新。我就这么跟您说吧，您所做的任何项目，其实根本只要一个CSS文件就足够，您要是真的通透了CSS的“分离”、“架构”，即使这个网站项目有100个页面（风格统一），您也可以只使用一个CSS页面，并且可以控制CSS文件（未压缩）在40K以下。
我是自信可以这么实现的。我最近做的项目50多个页面，未压缩（含大量注释，竖排）的CSS文件，就30K左右，服务器端压缩后仅11K左右，同时网站整站自适应，从内容到各个按钮，导航，全部宽度自适应，兼容性良好….
纯客户端页面关键字搜索高亮jQuery插件
2010年06月22日，星期二
这是我近期写的有一个实用的小插件，主要是在客户端对页面文字进行搜索并高亮显示。js文件很小，未压缩版仅3K，不足100行代码，但是搜索的速度还是很让人满意的。
本文将简单展示于介绍这个实用的小工具插件，提供截图，Demo页面以及源文件下载希望能对您的学习有所帮助。
jQuery – 高亮动态显示页面HTML代码插件
2010年04月23日，星期五我经常思考如何更加清晰的表述自己的观点，所以我会截图、会制作动画，甚至会录制视频，当然demo也是必不可少的。但是，有时候，我们想要看到的不只是现象，更要直观地看到内部的代码运作，例如，我们学习jQuery的外部插入方法，节点删除这类DOM操作时，看到HTML节点代码的变化是最直观的了；还有，也是更加必要的，就是在js功能调试的时候，有时候，我们要修改一个表单的name值，但是修改与否，页面上是显示不出来的，但是如果可以窥见HTML代码，那就很赞了。
所以我决定写一个可以高亮动态显示HTML片段的插件，方便调试与演示。本文提供详细的演示与讲解，以及源文件下载，希望能对您的学习有所帮助。
我的应用
我的应用