HTML 的优化杂记
|
在Perfection kills上看到他客岁写的一篇文章，关于HTML优化的，讲的很具体，暂时记录之，尽量内里有些对象并不能在今朝的情形里应用。在当前WEB应用逐渐前端化的潮水下，对客户端的优化越来越受到存眷，怎样镌汰代码，怎样让应用快速的展示给用户，怎样减罕用户守候时刻等等，如 雅虎的34条优化黄金法例 内里提出了细致的优化方案。 网页优化的最基本的部门应该就是HTML的优化，详细来提及首就是标志的整理，整理标志不只仅能缩减文档的巨细，并且可以或许让文档更易于维护进步搜刮引擎的可见度(Clean markup means better accessibility, easier maintenance, and good search engine visibility),可是即即是那些号称高度优化过的网页，假如细心查察代码，仍旧可以发明许多可以删减可能已颠末期的标志用法： 1.script里的注释符 <SCRIPT language=javascript> 除非是像95 Netscape 1.0这类险些绝迹的赏识器必要这样的处理赏罚，在大部门主流赏识器里，往剧本块里添加HTML注释是完全不必要的。 2.<![CDATA[ … ]> <script type="text/javascript"> 这是其它一个常常在js代码块里添加的错误提防法子，他是在处理赏罚真正的XHTML文档（“application/xhtml+xml” content-type）时为了防备代码将形如<号理会为标签开始，全部在CDATA内包括的内容，城市被当成文本处理赏罚。可是现实环境是，今朝险些全部的网页的content-type都是text/html，也就是说它们不是严酷意义上的xml文档，而是只是text文本，以是这个错误提防处理赏罚法子是完全没有须要的，纵然你确定要支持xml的文档，也要视环境公道的运用CDATA。 3.onclick=”…”, onmouseover=”“等等。 将变乱属性写在HTML标签内是一种很不明智的做法，低落了代码的可维护性，同时污染了标签，假如将变乱属性通过JS动态添加，不只可以机动节制，还可以操作JS客户端缓存的上风，让这些变乱属性不必每次跟从文档哀求。 4.onclick=”javascript:…” 这是一个风趣的javascript紊乱，伪协媾和内涵的变乱处理赏罚措施可以构成高达10W多种多余的组合，究竟是变乱属性内部的内容在理会后成为body的一个fucution，这个function然后会作为变乱处理赏罚措施，以是javascript:在此成为一个无用的多余标签。 5.href=”javascript:void(0)” 继承javascript:伪协议，有一个污名昭著的就是javascript:void(0),他是用来停止默认的锚点举措的，它在JS无法正常理会可能堕落时（disabled/not available/errors）会使得锚点完全不行用，抱负的办理方案是在href里填写正确的URL，然后用JS去动态改写，这样纵然在JS未执行的环境下也不会呈现锚点不行用的状况。HREF =“＃”是一个精简和更快的更换方案。 6. style=”…” 没有什么本质性的错误，只是后期维护贫困，其它移到外联的CSS文件中可以缓存起来进步页面执行服从。 7. <script language=”Javascript” … > 最轻易误解的属性之一，认为这个是剧本的“说话”，这个属性是云云迂腐，在1999年就已经不保举被行使了。 8. <script charset=”…” … > <script type="text/javascript" charset="UTF-8"> script标签的另一个轻易被误解的属性，charset在HTML4.01里的描写：请留意，charset属性是指字符的 src属性所指定的剧本编码，它不涉及的剧本元素的内容。（Note that the charset attribute refers to the character encoding of the script designated by the src attribute; it does not concern the content of the SCRIPT element.），也就是说他只在外联剧本的时辰指定剧本文件的编码名目。不保举行使。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
