8AV国产精品爽爽Va在线观看_国产精品视频免费播放_综合精品综合一区二区_蜜臀福利视频免费观看

品優(yōu)網(wǎng)絡(luò) 十六年(2003-2018)專注
提高頁面顯示速度的秘技
日期:2014-12-28 作者:admin 來源: 瀏覽次數(shù):0 網(wǎng)友評論 0

企業(yè)網(wǎng)站推廣1

    在安排Web頁面的布局時,更常用的方法之一是用HTML表格界定頁面的結(jié)構(gòu)。例如,假設(shè)Web頁面由更端的導(dǎo)航條和它下面的兩欄(列)構(gòu)成——左邊的列是一個導(dǎo)航條,右邊的列是實際安置內(nèi)容的區(qū)域。對于這樣一個頁面,我們可以用一個兩行、兩列的大表格進行布局:在前幾行中,合并兩個列然后放上更端導(dǎo)航表格;在**個行中,左邊的列放上一個顯示導(dǎo)航按鈕的表格,右邊的列再用一個表格顯示頁面的實際內(nèi)容。用這種表格嵌套表格的方法進行布局可以得到非常好的效果。

  要制作出這種頁面,我們可以使用如下HTML代碼:

< TABLE BORDER="0" >< TR > < TD COLSPAN="2" >< !-- 更端導(dǎo)航條的內(nèi)容 -- >< /TD >< /TR >< TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左邊導(dǎo)航條的內(nèi)容 -- >< /TD > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 頁面內(nèi)容區(qū)域 -- >< /TD >< /TR >< /TABLE >



  如果瀏覽器發(fā)現(xiàn)頁面中有一個TABLE標(biāo)記,在接收到對應(yīng)的結(jié)束標(biāo)記< /TABLE >之前它不會顯示這個表格。因此,如果整個頁面都放入了一個大表格中,在瀏覽器下載這個大表格的< /TABLE >標(biāo)記之前整個頁面都不會顯示。當(dāng)顯示內(nèi)容非常多的頁面時(例如,搜索結(jié)果或者電子商務(wù)網(wǎng)站上的產(chǎn)品目錄),表格的延遲顯示會導(dǎo)致整個頁面顯示的停頓。

  為了避免出現(xiàn)這種情況,我們應(yīng)該把頁面劃分成多個較小且前幾立的表格區(qū)域。這樣的話,每個表格的HTML代碼下載之后瀏覽器就可以立即顯示它。對于瀏覽者來說,頁面將在屏幕上一部分、一部分地逐漸顯示出來。而且更重要的是,這種頁面在屏幕上開始顯示的速度要比前面等待整個頁面下載才顯示的方法快得多。

  對于前面介紹的例子,我們不是使用單個大表格進行頁面布局,而是使用三個前幾立的表格:前幾個表格顯示頁面更端的導(dǎo)航條,使其具有足夠的寬度顯示頁面內(nèi)容并完整地給出其< TABLE >< /TABLE >標(biāo)記對;在前幾個表格的左下位置安排**個表格,使這個表格向左對齊;更后一個表格位于**個表格的右邊,用于放置頁面內(nèi)容。由于現(xiàn)在每一部分都是一個前幾立的表格,瀏覽器只要下載了任一部分的代碼就會立即顯示它。因此,頁面更端和左面的導(dǎo)航條將比頁面其余部分更快地顯示出來。這就避免了讓瀏覽者長時間地在空白頁面前等待,而是給了他這樣一種印象:頁面已經(jīng)開始下載,整個頁面將立刻出現(xiàn)在屏幕上。

  修改后的布局代碼如下所示:

< TABLE BORDER="0" WIDTH="**" >< TR > < TD ALIGN="CENTER" VALIGN="TOP" >< !-- 更端導(dǎo)航條的內(nèi)容 -- >< /TD >< /TR >< /TABLE >< TABLE BORDER="0" ALIGN="LEFT" >< TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左邊導(dǎo)航條的內(nèi)容 -- >< /TD >< /TR >< /TABLE >< TABLE BORDER="0" >< TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 頁面內(nèi)容區(qū)域 -- >< /TD >< /TR >< /TABLE >


    正如盡可能早地關(guān)閉TABLE標(biāo)記使得瀏覽器能夠快速地顯示出表格中的數(shù)據(jù),還有另外兩個標(biāo)記也同樣可以用這種方法提高顯示速度,這兩個標(biāo)記就是用于制作列表框的< OPTION >標(biāo)記和用于制作無序列表的< LI >標(biāo)記。

  ASP程序員常常要訪問數(shù)據(jù)庫獲取數(shù)據(jù)然后用< OPTION >標(biāo)記構(gòu)造列表框。只要簡單地改動一下代碼關(guān)閉< OPTION >標(biāo)記,就可以讓瀏覽器顯示頁面的速度加快。

  例如,原先使用下面的代碼:

Do while not objRS.EOF strOptionList = strOptionList & "< OPTION VALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") objRS.MoveNextLoopResponse.Write "< SELECT SIZE=""1"" >" & strOptionList & "< /SELECT >"

  現(xiàn)在只需改動一行代碼:

Do while not objRS.EOF strOptionList = strOptionList & "< OPTION VALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") & "< /OPTION >" objRS.MoveNextLoopResponse.Write "< SELECT SIZE=""1"" >" & strOptionList & ""

  如果原來使用的代碼如下:

< UL > < LI >蘋果 < LI >桔子 < LI >香蕉< /UL >

  那么現(xiàn)在改用:

< UL > < LI >蘋果< /LI > < LI >桔子< /LI > < LI >香蕉< /LI >< /UL >

  經(jīng)過這些改動之后,瀏覽器顯示頁面的速度將會更快。

提高頁面顯示速度的秘技,希望對您有參考價值。

企業(yè)網(wǎng)站推廣2

查看更多寧波網(wǎng)站制作秘技速度頁面

寧波網(wǎng)站建設(shè) (http://www.sdjianlida.com/) 版權(quán)與免責(zé)聲明
    1、凡本網(wǎng)注明“來源:寧波品優(yōu)網(wǎng)絡(luò)”字樣的所有作品,版權(quán)均屬于浙江省寧波海曙品優(yōu)網(wǎng)絡(luò)技術(shù)有限公司,如需轉(zhuǎn)載、摘編或利用其它方式使用上述作品,請與本網(wǎng)聯(lián)系。
    2、凡本網(wǎng)注明“來源:XXX(非寧波品優(yōu)網(wǎng)絡(luò))”的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點和對其真實性負(fù)責(zé)。寧波網(wǎng)站建設(shè)的轉(zhuǎn)載僅為信息的廣泛傳播,如有侵權(quán)請及時告之刪除。
返回:寧波網(wǎng)站制作