Mengapa kita tidak boleh menggunakan jadual untuk susun atur HTML?-html tutorial-php.cn

Mengapa kita tidak boleh menggunakan jadual untuk susun atur HTML?

WBOY

Lepaskan： 2023-09-04 18:25:06

ke hadapan

592 orang telah melayarinya

Mengapa kita tidak boleh menggunakan jadual untuk susun atur HTML?

Dalam artikel ini, kita akan membincangkan susun atur jadual dan ciri-cirinya. Kami akan mengetahui mengapa susun atur jadual adalah susun atur yang paling kurang digunakan dalam HTML dan mengapa ia bukan susun atur yang disyorkan semasa mereka bentuk tapak web.

Layout dalam HTML menentukan organisasi asas dan gaya visual tapak web. Susun atur HTML tapak web berfungsi sebagai panduan tentang cara meletakkan elemen HTML. Ia membolehkan anda membina tapak web menggunakan teg HTML asas.

Susun atur meja

Disebabkan kerumitannya, reka letak jadual adalah salah satu reka letak yang paling kurang disyorkan dalam HTML. Seperti namanya, ia berdasarkan elemen

. Elemen

menyediakan fungsi untuk menetapkan data mengikut baris dan lajur. Teg

bertindak sebagai teg permulaan dan penamat, menjadikannya teg bekas. Walaupun tiga teg meta diperlukan untuk menyusun data ke dalam jadual, kami boleh menggunakan berbilang elemen HTML dalam satu elemen.

Yang pertama menambah baris baharu pada jadual menggunakan teg

, yang bermaksud "baris jadual". Yang kedua ialah teg

, yang mewakili tajuk jadual dan menyimpan tajuk jadual. Yang terakhir ialah	, iaitu data jadual, untuk mendapatkan maklumat yang perlu disimpan dalam jadual. Contoh Contoh berikut mencipta jadual yang mengandungi satu baris. <!DOCTYPE html> <html> <style> table, th, td { border:1px solid black; } </style> <body> <table> <tr> <th>This tag defines the heading of the table</th> </tr> <tr> <td>This tag gets the information to be stores in the rows and columns </td> <p> HTML components can be used inside table tags, and tables can include number of table rows and table data.</p> </tr> </table> </body> </html> Salin selepas log masuk Contoh Contoh berikut mencipta jadual dengan berbilang baris - <!DOCTYPE html> <html> <style> table, th, td { border:1px solid black; } </style> <body> <table style width=40%> <tr> <th>Name</th> <th>Age</th> <th>Roll</th> </tr> <tr> <td>Rama</td> <td>17</td> <td>1001</td> </tr> <tr> <td>Radha</td> <td>18</td> <td>1002</td> </tr> </table> </body> </html> Salin selepas log masuk Mengapa kita tidak sepatutnya menggunakan jadual untuk susun atur html Berikut adalah beberapa sebab mengapa tidak disyorkan untuk menggunakan jadual untuk reka letak HTML - Apabila kami membuka dokumen HTML dalam pelayar web, enjin carian mula membaca dokumen HTML. Sebaik sahaja ia membaca HTML ia mula memaparkan kandungan web. Tetapi sukar bagi enjin carian untuk memaparkan reka letak jadual kerana ia perlu menunggu teg

, yang mewakili tajuk jadual dan menyimpan tajuk jadual. Yang terakhir ialah

, iaitu data jadual, untuk mendapatkan maklumat yang perlu disimpan dalam jadual.

Contoh

Contoh berikut mencipta jadual yang mengandungi satu baris.

<!DOCTYPE html>
<html>
   <style>
      table, th, td {
         border:1px solid black;
      }
   </style>
   <body>
      <table>
         <tr>
            <th>This tag defines the heading of the table</th>
         </tr>
         <tr>
            <td>This tag gets the information to be stores in the rows and columns </td>
            <p> HTML components can be used inside table tags, and tables can include number of table rows and table data.</p>
         </tr>
      </table>
   </body>
</html>

Salin selepas log masuk

Contoh

Contoh berikut mencipta jadual dengan berbilang baris -

<!DOCTYPE html>
<html>
   <style>
      table, th, td {
         border:1px solid black;
      }
   </style>
   <body>
      <table style width=40%>
         <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Roll</th>
         </tr>
         <tr>
            <td>Rama</td>
            <td>17</td>
            <td>1001</td>
         </tr>
         <tr>
            <td>Radha</td>
            <td>18</td>
            <td>1002</td>
         </tr>
      </table>
   </body>
</html>

Salin selepas log masuk

Mengapa kita tidak sepatutnya menggunakan jadual untuk susun atur html

Berikut adalah beberapa sebab mengapa tidak disyorkan untuk menggunakan jadual untuk reka letak HTML -

Apabila kami membuka dokumen HTML dalam pelayar web, enjin carian mula membaca dokumen HTML. Sebaik sahaja ia membaca HTML ia mula memaparkan kandungan web. Tetapi sukar bagi enjin carian untuk memaparkan reka letak jadual kerana ia perlu menunggu teg

penutup, jadi ia mengambil lebih banyak masa untuk memaparkan halaman web dengan reka letak jadual.

Susun atur jadual menghalang SEO. Apabila kita mencipta HTML jadual, kita perlu mentakrifkan semua elemen jadual yang diperlukan seperti baris jadual, pengepala jadual dan data jadual. Jika kita ingin menambah mana-mana elemen HTML lain dalam jadual maka ia akan dipaparkan terakhir mengikut proses rendering. Jadi katakan jika kita ingin menambah bar navigasi maka ia akan muncul di hujung jadual. Ini menjadikan kandungan halaman web kelihatan bersepah.

Jika anda menggunakan HTML4.01, anda tidak boleh menggunakan susun atur jadual kerana ia hanya membenarkan anda menggunakan jadual mudah untuk memaparkan maklumat jadual. Itulah sebabnya kami terutamanya menggunakan HTML5 dan bukannya HTML4.

Anda tidak boleh menggunakan jadual bersarang dalam susun atur jadual kerana ini akan menjadikan penyelenggaraan meja lebih kompleks. Jika anda membuat jadual bersarang dan selepas beberapa hari anda perlu membuat beberapa perubahan pada data, maka anda perlu melalui keseluruhan data yang memakan masa dan proses yang rumit.

Satu lagi sebab untuk tidak menggunakan jadual untuk reka letak HTML ialah fleksibilitinya. Apabila membuat jadual, anda perlu memberikannya lebar yang ditentukan, maka jadual akan mengambil masa yang lebih lama untuk dimuatkan pada skrin dengan lebar yang berbeza. Dalam kes ini, jadual anda kelihatan baik pada skrin komputer riba, tetapi apabila anda memuatkannya pada peranti lain seperti telefon atau monitor, ia tidak berskala kepada saiz skrin peranti yang sesuai.

Saiz halaman memainkan peranan penting dalam pemilihan susun atur tapak web kerana semakin kecil saiz halaman, semakin sedikit masa yang diambil oleh penyemak imbas untuk memaparkan halaman. Dalam kes susun atur jadual, kita perlu menentukan tiga tag meta, tanpa tag ini jadual tidak akan memaparkan data dengan betul. Kami juga boleh menambah lebih banyak elemen HTML, tetapi ketiga-tiga elemen ini mesti ada, yang secara keseluruhannya meningkatkan saiz halaman.

Kesimpulan

Dalam artikel ini, kami membincangkan susun atur jadual dan sifatnya. Kami membincangkan secara ringkas beberapa perkara tentang reka letak jadual, kesemuanya digabungkan cukup untuk menunjukkan mengapa reka letak jadual bukanlah reka letak HTML yang disyorkan untuk digunakan semasa mereka bentuk tapak web. Semasa membincangkan semua perkara ini, kami membandingkan susun atur jadual dengan susun atur Div.

Susun atur div ialah reka letak HTML yang paling biasa digunakan dan amat disyorkan kerana sifatnya. Cuba ingat semua perkara di atas semasa memilih reka letak HTML untuk tapak web anda. Sebagai cadangan, kami mengesyorkan menggunakan reka letak Div jika ia memenuhi keperluan tapak web anda.

Atas ialah kandungan terperinci Mengapa kita tidak boleh menggunakan jadual untuk susun atur HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!