作家
登录

HTML页面输出应该遵循的几点原则小结

作者: 来源:www.28hudong.com 2012-11-19 14:20:01 阅读 我要评论

1、不能少了DOCTYPE,浏览器根据你申明的DOCTYPE决定页面渲染规则,如果不声明,不同的浏览器显示效果可能不一样。 2、在<title>之前加上<meta>标签说明页面所用的编码。否则可能导致部分浏览器显示的页面标题为乱码。 3、<style>应该放在<head>标签内。否则会导致页面在下载完成之前不美观,而且在下载完<style>的内容以后浏览器还要对页面重新进行渲染,会影响用户体验。 4、CSS中尽量避免使用表达式。否则在每次页面内容改变(比如javascript动态添加或删除元素,改变浏览器窗口大小)时,浏览器都会重新计算表达式的值。一种可以替代的方法是用javascript在window.onload中动态判断并确认样式。用户端的资源我们也应该珍惜。 5、在使用javascript改变页面元互的显示效果时,尽量用className属性更改。应该尽量避免用element.style.color = "#ff0000"之类的语句,尤其是在一次更改多次属性的时候。这样做有两个理由:方便维护和节约客户端资源。使用className改更的时候,页面只需要重新渲染一次,而且style属性更改时,每次都要重新渲染,这比开销是很大的。 6、<script />标签应该紧靠在</body>标签之前。浏览器在下载<script>中的内容时,不会同时下载其它内容(图片、flash、<script>后面的html文档等),如果使用了较多的外部script文件,有可能导致用户失支继续等待页面显示的耐心。 一个简单的例子: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>示范</title> <meta name="keywords" content="test,示范" /> <link rel="Stylesheet" type="text/css" href="common.css" /> <style type="text/css"> .test{border:1px solid #ff0000;} .dom{width:200px;height:100px;} .notdom{width:202px;height:102px;} </style> </head> <body> <div id="main" class="test"></div> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ if($.support.boxModel){ $("#main").addClass("dom"); }else{ $("#main").addClass("notdom"); } }); </script> </body> </html> 简单补充:html写的挺好,符合标准。 建议使用utf-8编码。 http://zh.wikipedia.org/zh-cn/Gb2312 gb2312只包含6000多个汉字,不包含“镕”字。 windows记事本是gbk编码的,包含2万多个汉字。 utf-8包含全球10字。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  推荐阅读

  新手建站入门教程帖⑦:做一个漂亮的网站就这么简单

我曾经承诺过会一直写下去,一直写到让从来没有做过网站的人看完了我的新手建站的帖子,也可以独立做一个网站为止。男人说出去的每一句话都是掷地有声的、是铿锵有力的,所以,即使没有一个人来看,我也会写完。>>>详细阅读


本文标题:HTML页面输出应该遵循的几点原则小结

地址:http://www.17bianji.com/kaifa/yejie/16132.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)