技术开发 频道

开发者必知:构建现代化网站的20个技巧

  HTML

  总是使用标准模式避免怪癖模式

  直接用吧!现代化网站不需要怪癖模式,不需要考虑90年代中期为了兼容现代化的浏览器比如IE6和FireFox 2.大多数现今的网页在怪癖模式下要么文档声明无效,要么出现无关文本。很容易导致布局异常,而且很难调试。

  理解有限向后兼容的HTML标签

  新HTML5标签比如,和改善标签的语义化,但需要特殊的辅助脚本让IE6,7和8认识他们。页面在太旧的浏览器或者禁止脚本时无法使用HTML5标签,那么使用标签是对这些情况比较靠谱的解决方法。

  将CSS在HTML文件顶部引入

  在文档body中引入CSS会导致页面全空,直到CSS加载后才显示。CSS文件应该放在HTML文档的head中,让浏览器尽早地读取他们。

  将JS在HTML文件底部引入

  浏览器会先检索、解析和执行加载的脚本,然后渲染剩余的页面内容,以防脚本创建新元素。脚本在底部后,浏览器可以一直渲染页面直到脚本加载完全,以便用户尽快加载页面显示出来。

  避免HTML中脚本标签

  不同于引入脚本,脚本标签需要浏览器停止渲染(处理脚本),阻碍后续资源文件的分析和下载。这导致页面初始加载减慢,甚至留下可怕的“空白页”体验。而且脚本分散在内联标签里很难维护。

  不要在HTML元素中使用内联脚本事件

  例如Validate。这种做法违反了标签、表示和行为之间的清爽原则。而且,如果相关的脚本实在文档底部加载,用户可能先点击了页面触发事件从而尝试调用脚本程序,但是其实脚本还没加载——引发错误!

0
相关文章