怎样提拔Web页面的机能，许多开发人员从多个方面来下手如JavaScript、图像优化、办事器配置，文件紧缩或是调整CSS。很显然HTML已经达到了一个瓶颈，只管它是开发Web界面必备的中心说话。HTML页面的负载也是越来越重。

HTML,CSS 和JavaScript三者的关系

HTML 是用于调整页面构造和内容的标志说话。HTML 不克不及用于润饰样式内容，也不克不及在头标签中输入文本内容，使代码变得冗长和复杂，相反运用CSS 来润饰布局元素和外不雅比拼合适。

HTML元素默许的外不雅是由阅读器默许的样式表定义的，如在Chrome中h1标签元素会渲染成32px的Times 粗体。

三条通用设计法则：

1. 运用HTML 来结构页面构造，CSS润饰页面呈现，JavaScript实现页面功能。CSS ZenGarden 非常不错地展现了行为别离。

2. 要是能用CSS或JavaScript实现就少用HTML代码。

3. 将CSS和JavaScript文件与HTML 分开寄存。这可有助于缓存和调试。

文档构造方面也可以做优化，如下：

运用HTML5 文档类型，下列是空文件：

 




  
Pesto

  
Pesto is good!

在文档起始位置援用CSS文件，如下：

运用这两种办法，阅读器会在解析HTML代码以前将CSS信息预备好。因而有助于提拔页面加载机能。

在页面底部body完毕标签以前输入JavaScript代码，这样有助于提拔页面加载的速度，由于阅读器在解析JavaScript代码以前将页面加载完成，运用JavaScript会对页面元素发生踊跃的影响。

  ...

  
    
    



    

    
打赏
    

    

    	
        
    	

    		
感谢您的支持，我会继续努力的!
    	
    	

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！