網(wǎng)頁(yè)需要快速下載,但嵌套表可能會(huì)減慢下載速度。很顯然,無(wú)論基于何種考慮,使用表格嵌套都不是
網(wǎng)站制作開(kāi)發(fā)合適的解決方案。不要讓說(shuō)更多的人使用寬帶或高速互聯(lián)網(wǎng),這樣你就不必?fù)?dān)心你的網(wǎng)頁(yè)加載有多快。隨著網(wǎng)站上的內(nèi)容數(shù)量的增加,加載速度慢的頁(yè)面,或站點(diǎn)的訪問(wèn)量將比加載速度快的頁(yè)面或站點(diǎn)的訪問(wèn)量少。所以網(wǎng)站加載速度是非常重要的。接下來(lái),就結(jié)合創(chuàng)新互聯(lián)十幾年的
網(wǎng)站設(shè)計(jì)制作經(jīng)驗(yàn),告訴你遇到多重表格嵌套時(shí),如何進(jìn)行簡(jiǎn)化處理以有效提高網(wǎng)站加載速度。
什么是嵌套表?
嵌套表是一個(gè)HTML表,其中包含另一個(gè)表。例如:
Column 1 |
Column 2 |
Column 3 |
Column 1 |
nested table column 1 |
nested table column 2 |
|
Column 3 |
Column 1 |
Column 2 |
Column 3 |
嵌套表導(dǎo)致頁(yè)面下載速度更慢
網(wǎng)頁(yè)上的單個(gè)表格不會(huì)導(dǎo)致網(wǎng)頁(yè)下載速度更慢(在合理范圍內(nèi))。但是,當(dāng)您將一個(gè)表放入另一個(gè)表中時(shí),瀏覽器的呈現(xiàn)就會(huì)變得更加復(fù)雜,因此頁(yè)面加載的速度就會(huì)更慢。而且,嵌套在另一個(gè)表中的表越多,頁(yè)面加載的速度就越慢。在創(chuàng)建包含表的頁(yè)面時(shí),請(qǐng)記住,表中的表越多,頁(yè)面加載的速度就越慢。通常,當(dāng)頁(yè)面加載時(shí),瀏覽器從HTML的頂部開(kāi)始,然后依次向下加載頁(yè)面。但是,對(duì)于嵌套表,它必須先找到表的末尾,然后才能顯示全部?jī)?nèi)容。
用于布局的表格
您不應(yīng)在網(wǎng)頁(yè)中使用表格進(jìn)行布局。它們幾乎總是要求您使用嵌套表,因此表布局Web頁(yè)面的加載速度將比CSS中呈現(xiàn)的相同設(shè)計(jì)更慢。此外,如果您正在嘗試編寫(xiě)有效的XHTML,則根本不應(yīng)將表用于布局。表格用于表格數(shù)據(jù)(如電子表格),而不是用于布局。相反,您應(yīng)該使用CSS進(jìn)行布局CSS設(shè)計(jì),以便更快地呈現(xiàn)并幫助您維護(hù)有效的XHTML。
設(shè)計(jì)更快的加載表
如果設(shè)計(jì)包含多行的表,則如果將每行寫(xiě)為單獨(dú)的表,則通常加載速度會(huì)更快。例如,您可以編寫(xiě)如下表:
top row |
left column |
right column |
但是,如果您編寫(xiě)的表與兩個(gè)表相同,那么它的加載速度會(huì)更快,因?yàn)闉g覽器將呈現(xiàn)第一個(gè)表,然后再呈現(xiàn)第二個(gè)表,而不是一次呈現(xiàn)整個(gè)表。訣竅是確保每個(gè)表具有相同的寬度和其他樣式(如填充、邊距和邊框)。
將嵌套表轉(zhuǎn)換為一個(gè)表
您可能覺(jué)得所有這些都是很好的信息,但是您有一個(gè)表,必須在其中嵌套另一個(gè)表。雖然這可能是真的,但通??梢酝ㄟ^(guò)使用表單元格上的和屬性將嵌套表轉(zhuǎn)換為稍微復(fù)雜的單個(gè)表。例如,在頂部的嵌套表中,我可以將其轉(zhuǎn)換為僅具有colspan屬性的單個(gè)表:
Column 1 |
Column 2 |
Column 3 |
Column 1 |
nested table column 1 |
nested table column 2 |
Column 3 |
Column 1 |
Column 2 |
Column 3 |
與嵌套表相比,該表還具有使用更少字符的優(yōu)點(diǎn),因此它的下載速度也會(huì)更快。
文章名稱(chēng):使用表格嵌套不是網(wǎng)站制作開(kāi)發(fā)合適的解決方案
文章轉(zhuǎn)載:http://redsoil1982.com.cn/news/149111.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作、解決方案等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)