Memahami semula jadual dan jadual data yang boleh diakses example_CSS/HTML

Melainkan dinyatakan sebaliknya, kandungan di tapak ini dilesenkan di bawah Lesen Creative CommonsAtribusi dan penggunaan bukan komersial, sila hormati hasil kerja anda.

Jadual sentiasa menjadi bahagian penting dalam reka bentuk web dan proses pengeluaran Sebelum mempelajari reka letak CSS, kebanyakannya digunakan untuk reka letak Namun, sehingga kini, saya masih belum memahami dan menguasai sepenuhnya jadual kena guna. Faham semula borang...

Dalam reka bentuk dan pengeluaran web moden, tujuan utama jadual adalah untuk menyimpan data dua dimensi berbilang dimensi. Teg yang berkaitan dengan jadual termasuk jadual, tr, td, th, tbody, thead, tfoot, col, colgroup dan kapsyen Bagaimana untuk menggunakan teg ini secara munasabah? Mari kita mulakan dengan penjelasan tentang kata nama.

Penjelasan istilah

meja

Paparkan data 2D

tr

Satu baris dalam jadual

td

Sel data

ke

Sel pengepala, yang mentakrifkan maklumat pengepala baris atau lajur, tidak boleh digunakan dalam jadual reka letak.

tbody

Satu baris atau berbilang baris dalam jadual dikumpulkan bersama dan mesti digunakan bersama-sama dengan thead dan tfoot

kepala

Kumpulkan satu baris atau berbilang baris dalam jadual dan gunakannya bersama-sama dengan tbody dan tfoot

tfoot

Kumpulkan satu baris atau berbilang baris dalam jadual dan gunakannya bersama-sama dengan tbody dan thead

col

lajur, gunakan atribut khusus pada lajur tertentu atau beberapa lajur, gunakan lajur itu bersama kumpulan kol

colgroup

Gabungan lajur, digunakan bersama dengan kol

kapsyen

Tentukan tajuk jadual, digunakan pada permulaan jadual, sekali sahaja

ringkasan

Terangkan tujuan borang

Contoh:

<table summary="这是一个具有亲和力的表格的演示" id="demotab">
<caption>
访问 <a href="http://www.forest53.com">www.forest53.com</a> 浏览器统计
</caption>
<thead>
<tr>
<th>浏览器 / 月 </th>
<th>2005 / 11 </th>
<th>2006 / 04 </th>
<th>2006 / 05 </th>
</tr>
</thead>
<tfoot>
<tr>
<th>总计</th>
<td>1,646 ( 98.45% )</td>
<td>6,978 ( 99.48% ) </td>
<td>5,366 ( 99.56% ) </td>
</tr>
</tfoot>
<tbody>
<tr>
<th>Internet Explorer</th>
<td>1,535 (91.81%)</td>
<td>5,905 (86.41%)</td>
<td>4,550 (84.42%)</td>
</tr>
<tr>
<th>Firefox</th>
<td>98 (5.86%)</td>
<td>746 (10.92%)</td>
<td>640 (11.87%)</td>
</tr>
<tr>
<th>Opera</th>
<td>13 (0.78%)</td>
<td>147 (2.15%)</td>
<td>176 (3.27%)</td>
</tr>
</tbody>
</table>