|
又或者這句：
以下為引用的內(nèi)容：
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p> |
可以用div來包含：
以下為引用的內(nèi)容：
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div> |
簡(jiǎn)化CSS能去除冗余的屬性，提高運(yùn)行效率。如果你寫好CSS后懶得去做簡(jiǎn)化，你可以使用一些在線的簡(jiǎn)化CSS工具，比如CleanCSS.
四、網(wǎng)址后加斜杠
有些網(wǎng)址，比如"www.kenengba.com/220/，這樣服務(wù)器就能一目了然地知道要訪問該目錄下的index或default文件，從而節(jié)省了加載時(shí)間。
五、標(biāo)明高度和寬度
這點(diǎn)很重要，但很多人由于懶惰或其它原因，總是將其忽視。當(dāng)你在網(wǎng)頁上添加圖片或表格時(shí)，你應(yīng)該指定它們的高度和寬度，也就是height和width參數(shù)。如果瀏覽器沒有找到這兩個(gè)參數(shù)，它需要一邊下載圖片一邊計(jì)算大小，如果圖片很多，瀏覽器需要不斷地調(diào)整頁面。這不但影響速度，也影響瀏覽體驗(yàn)。
下面是一個(gè)比較友好的圖片代碼：
<img id="moon" height="200" width="450" src="
當(dāng)瀏覽器知道了高度和寬度參數(shù)后，即使圖片暫時(shí)無法顯示，頁面上也會(huì)騰出圖片的空位，然后繼續(xù)加載后面的內(nèi)容。從而加載時(shí)間快了，瀏覽體驗(yàn)也更好了。
六、減少http請(qǐng)求
當(dāng)瀏覽者打開某個(gè)網(wǎng)頁，瀏覽器會(huì)發(fā)出很多對(duì)象請(qǐng)求（圖像、腳本等等），視乎網(wǎng)絡(luò)延時(shí)情況，每個(gè)對(duì)象加載都會(huì)有所延遲。如果網(wǎng)頁上對(duì)象很多，這可以需要花費(fèi)大量的時(shí)間。
上一頁 [1] [2] [3] 下一頁 |
![當(dāng)瀏覽器知道了高度和寬度參數(shù)后，即使圖片暫時(shí)無法顯示，頁面上也會(huì)騰出圖片的空位，然后繼續(xù)加載后面的內(nèi)容。從而加載時(shí)間快了，瀏覽體驗(yàn)也更好了。 六、減少http請(qǐng)求 當(dāng)瀏覽者打開某個(gè)網(wǎng)頁，瀏覽器會(huì)發(fā)出很多對(duì)象請(qǐng)求（圖像、腳本等等），視乎網(wǎng)絡(luò)延時(shí)情況，每個(gè)對(duì)象加載都會(huì)有所延遲。如果網(wǎng)頁上對(duì)象很多，這可以需要花費(fèi)大量的時(shí)間。 上一頁 [1] [2] [3] 下一頁](http://www.zdqcpj.cn/UploadFiles_9942/200805/20080506102311211.png</A>){kind=link}