hujung hadapan web
html tutorial
Mengapa kita tidak boleh menggunakan jadual untuk susun atur HTML?
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
| , yang mewakili tajuk jadual dan menyimpan tajuk jadual. Yang terakhir ialah | , iaitu data jadual, untuk mendapatkan maklumat yang perlu disimpan dalam jadual.
ContohContoh 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 ContohContoh 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 htmlBerikut adalah beberapa sebab mengapa tidak disyorkan untuk menggunakan jadual untuk reka letak HTML -
|
|---|
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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1393
52
1206
24
Bagaimana untuk menukar sambungan fail Win10 Notepad
Jan 04, 2024 pm 12:49 PM
Apabila menggunakan Notepad, kita perlu menukar sambungan Notepad kerana perkara yang berbeza yang perlu kita tangani Jadi bagaimana kita menukar sambungan Sebenarnya, kita hanya perlu menggunakan fungsi nama semula untuk mengubah suai sambungan. Cara menukar sambungan Win10 Notepad: 1. Dalam folder, mula-mula klik pada bahagian atas dan semaknya. 2. Dengan cara ini, sambungan fail akan dipaparkan, kemudian klik kanan pad nota anda dan pilih 3. Pilih yang berikut. 4. Jika ditukar kepada format .jpeg. Kemudian gesaan akan muncul, klik padanya. 5. Perubahan telah selesai, dan itu sahaja.
Bagaimana untuk menukar HTML kepada format MP4
Feb 19, 2024 pm 02:48 PM
Tajuk: Cara menukar HTML kepada format MP4: Contoh kod terperinci Dalam proses pengeluaran halaman web harian, kami sering menghadapi keperluan untuk menukar halaman HTML atau elemen HTML tertentu kepada video MP4. Contohnya, simpan kesan animasi, tayangan slaid atau elemen dinamik lain sebagai fail video. Artikel ini akan memperkenalkan cara menggunakan HTML5 dan JavaScript untuk menukar HTML kepada format MP4 dan memberikan contoh kod khusus. Tag video HTML5 dan pengenalan HTML5 CanvasAPI
Panggil pencetus SQL untuk melaksanakan program luaran
Feb 18, 2024 am 10:25 AM
Tajuk: Contoh kod khusus untuk pencetus SQL untuk memanggil program luaran Teks: Apabila menggunakan pencetus SQL, kadangkala perlu memanggil program luaran untuk memproses beberapa operasi tertentu. Artikel ini akan memperkenalkan cara memanggil program luaran dalam pencetus SQL dan memberikan contoh kod khusus. 1. Buat pencetus Pertama, kita perlu mencipta pencetus untuk mendengar peristiwa dalam pangkalan data. Di sini kita mengambil "jadual pesanan (jadual_pesanan)" sebagai contoh Apabila pesanan baharu dimasukkan, pencetus akan diaktifkan, dan kemudian program luaran akan dipanggil untuk melaksanakan operasi.
Bagaimana untuk mengekstrak fail Dump
Feb 19, 2024 pm 12:15 PM
Cara merebut fail Dump Dalam sistem komputer, fail Dump ialah fail yang merekodkan status pengendalian dan data sistem. Dalam pembangunan perisian dan penyelesaian masalah sistem, merebut fail Dump boleh membantu pembangun program dan pentadbir sistem menganalisis dan mendiagnosis pelbagai masalah, seperti ranap program, kebocoran memori dan keabnormalan sistem. Artikel ini akan memperkenalkan beberapa kaedah dan alatan biasa untuk merebut fail Dump. 1. Bagaimana untuk mengambil fail Dump di bawah sistem Windows menggunakan Pengurus Tugas: Dalam sistem pengendalian Windows,
Tarikh keluaran Windows 12
Jan 05, 2024 pm 05:24 PM
Sebelum ini, win11 telah dikeluarkan secara rasmi, dan ramai pengguna sudah mula menikmati win12 mereka ingin tahu bilakah win12 akan dikeluarkan. Bilakah win12 dikeluarkan: J: Win12 dijangka dikeluarkan sekitar musim luruh tahun 2024. 1. Menurut maklumat terkini Microsoft, win12 dijangka dikeluarkan pada musim luruh 2024. 2. Dan kali ini win12 akan mempunyai pelbagai konsep reka bentuk baharu, dan akan terdapat lebih banyak peningkatan dalam kekemasan dan penampilan visual. 3. Pada mesyuarat pembangun terkini, pembangun Microsoft mendedahkan bahawa mereka akan mencipta bar tugas terapung untuk memberikan bar tugas perasaan terapung.
Bagaimana untuk melaraskan nisbah paparan desktop Windows 7
Dec 27, 2023 am 08:13 AM
Terdapat ramai rakan yang menggunakan win7 Apabila menonton video atau bahan di komputer, mereka perlu melaraskan perkadarannya. Mari kita lihat kaedah tetapan terperinci. Bagaimana untuk menetapkan nisbah paparan desktop win7: 1. Klik pada sudut kiri bawah komputer untuk membuka "Panel Kawalan". 2. Kemudian cari "Penampilan" dalam panel kawalan. 3. Selepas memasukkan rupa, klik "Tunjukkan". 4. Kemudian anda boleh melaraskan saiz dan paparan desktop mengikut kesan paparan yang dikehendaki. 5. Anda juga boleh mengklik "Laraskan Resolusi" di sebelah kiri. 6. Laraskan perkadaran desktop komputer dengan menukar resolusi skrin.
Apakah peranan Panel Kawalan NVIDIA?
Feb 19, 2024 pm 03:59 PM
Apakah Panel Kawalan NVIDIA Dengan perkembangan pesat teknologi komputer, kepentingan kad grafik menjadi semakin penting. Sebagai salah satu pengeluar kad grafik terkemuka dunia, panel kawalan NVIDIA telah menarik lebih banyak perhatian. Jadi, apakah sebenarnya yang dilakukan oleh panel kawalan NVIDIA? Artikel ini akan memberi anda pengenalan terperinci kepada fungsi dan kegunaan panel kawalan NVIDIA. Mula-mula, mari kita fahami konsep dan definisi panel kawalan NVIDIA. Panel Kawalan NVIDIA ialah perisian yang digunakan untuk mengurus dan mengkonfigurasi tetapan berkaitan kad grafik.
Peranan lebar penuh dan separuh lebar dalam kaedah input Cina
Mar 25, 2024 am 09:57 AM
Lebar penuh dan separuh lebar ialah konsep biasa dalam kaedah input Cina, dan ia mewakili lebar aksara yang berbeza. Dalam bidang komputer, konsep lebar penuh dan separuh lebar digunakan terutamanya untuk menggambarkan saiz ruang yang diduduki oleh aksara Cina dan huruf Inggeris pada skrin atau dalam cetakan. Pertama sekali, lebar penuh dan separuh lebar asalnya berasal dari era mesin taip. Pada mesin taip, aksara Cina biasanya dipaparkan dalam bentuk lebar penuh, manakala aksara Inggeris dipaparkan dalam bentuk separuh lebar. Ini kerana aksara Cina agak luas, dan menggunakan lebar penuh boleh menjadikan keseluruhan artikel kelihatan lebih cantik dan reka letak lebih padat. Aksara Inggeris ialah
