免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

使用表格嵌套不是網站制作開發合適的解決方案

2022-05-02    分類： 解決方案


網頁需要快速下載，但嵌套表可能會減慢下載速度。很顯然，無論基于何種考慮，使用表格嵌套都不是網站制作開發合適的解決方案。不要讓說更多的人使用寬帶或高速互聯網，這樣你就不必擔心你的網頁加載有多快。隨著網站上的內容數量的增加，加載速度慢的頁面，或站點的訪問量將比加載速度快的頁面或站點的訪問量少。所以網站加載速度是非常重要的。接下來，就結合創新互聯十幾年的網站設計制作經驗，告訴你遇到多重表格嵌套時，如何進行簡化處理以有效提高網站加載速度。
什么是嵌套表？
嵌套表是一個HTML表，其中包含另一個表。例如：
<table>
  <tr>
    <th>Column 1</th>
    <th>Column 2</th>
    <th>Column 3</th>
  </tr>
  <tr>
    <td>Column 1</td>
    <td>
      <table>
        <tr>
          <td>nested table column 1</td>
          <td>nested table column 2</td>
        </tr>
      </table>
    </td>
    <td>Column 3</td>
  </tr>
  <tr>
    <td>Column 1</td>
    <td>Column 2</td>
    <td>Column 3</td>
  </tr>
</table>
嵌套表導致頁面下載速度更慢
網頁上的單個表格不會導致網頁下載速度更慢(在合理范圍內)。但是，當您將一個表放入另一個表中時，瀏覽器的呈現就會變得更加復雜，因此頁面加載的速度就會更慢。而且，嵌套在另一個表中的表越多，頁面加載的速度就越慢。在創建包含表的頁面時，請記住，表中的表越多，頁面加載的速度就越慢。通常，當頁面加載時，瀏覽器從HTML的頂部開始，然后依次向下加載頁面。但是，對于嵌套表，它必須先找到表的末尾，然后才能顯示全部內容。
用于布局的表格
您不應在網頁中使用表格進行布局。它們幾乎總是要求您使用嵌套表，因此表布局Web頁面的加載速度將比CSS中呈現的相同設計更慢。此外，如果您正在嘗試編寫有效的XHTML，則根本不應將表用于布局。表格用于表格數據(如電子表格)，而不是用于布局。相反，您應該使用CSS進行布局CSS設計，以便更快地呈現并幫助您維護有效的XHTML。
設計更快的加載表
如果設計包含多行的表，則如果將每行寫為單獨的表，則通常加載速度會更快。例如，您可以編寫如下表：
<table style="width:100%;">
  <tr>
    <td colspan="2">top row</td>
  </tr>
  <tr>
    <td>left column</td>
    <td>right column</td>
  </tr>
</table>
但是，如果您編寫的表與兩個表相同，那么它的加載速度會更快，因為瀏覽器將呈現第一個表，然后再呈現第二個表，而不是一次呈現整個表。訣竅是確保每個表具有相同的寬度和其他樣式(如填充、邊距和邊框)。
<table style="width:100%;">
  <tr>
    <td colspan="2">top row</td>
  </tr>
</table>
<table style="width:100%;">
  <tr>
    <td>left column</td>
    <td>right column</td>
  </tr>
</table>
</table>
將嵌套表轉換為一個表
您可能覺得所有這些都是很好的信息，但是您有一個表，必須在其中嵌套另一個表。雖然這可能是真的，但通?？梢酝ㄟ^使用表單元格上的和屬性將嵌套表轉換為稍微復雜的單個表。例如，在頂部的嵌套表中，我可以將其轉換為僅具有colspan屬性的單個表：
<table>
  <tr>
    <th>Column 1</th>
    <th colspan="2">Column 2</th>
    <th>Column 3</th>
  </tr>
  <tr>
    <td>Column 1</td>
    <td>nested table column 1</td>
    <td>nested table column 2</td>
    <td>Column 3</td>
  </tr>
  <tr>
    <td>Column 1</td>
    <td colspan="2">Column 2</td>
    <td>Column 3</td>
  </tr>
</table>
與嵌套表相比，該表還具有使用更少字符的優點，因此它的下載速度也會更快。

文章名稱：使用表格嵌套不是網站制作開發合適的解決方案
URL鏈接：http://newbst.com/news11/149111.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作、解決方案等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

h5響應式網站建設