Table เป็นแท็กที่ใครๆ ก็ใช้กันมานาน ปัจจุบันนี้ยังคงใช้อยู่ อย่างไรก็ตาม เนื่องจากปัจจุบันมีการปรับปรุงเว็บไซต์ใหม่ จึงแนะนำว่าอย่าใช้ตารางในการจัดวางเลย์เอาต์ ที่เรียกว่า ไม่ใช่มาตรฐาน แต่ก็ไม่ใช่กรณี ตารางเป็นองค์ประกอบที่สำคัญ
แท็กตารางส่วนใหญ่ประกอบด้วยแท็กตาราง, คำอธิบายภาพ, th, tr, td, thead, tfoot, tbody, col และ colgroup การแนะนำของแต่ละแท็กมีดังนี้:
<table>
แท็กตารางกำหนดตาราง ภายในแท็ก <table> คุณสามารถวางชื่อตาราง แถวของตาราง คอลัมน์ของตาราง เซลล์ของตาราง และตารางอื่นๆ ได้
<คำบรรยายภาพ>
องค์ประกอบคำอธิบายภาพกำหนดชื่อตาราง แท็กคำอธิบายจะต้องตามหลังแท็กตารางทันที คุณสามารถกำหนดได้เพียงชื่อเดียวต่อตาราง โดยปกติแล้วชื่อจะตั้งอยู่ตรงกลางเหนือตาราง
<th>
กำหนดเซลล์ส่วนหัวในตาราง ข้อความภายในองค์ประกอบนี้มักจะแสดงเป็นตัวหนา
<tr>
กำหนดแถวในตาราง
<td>
กำหนดเซลล์ในตาราง
<หัว>
กำหนดส่วนหัวของตาราง
องค์ประกอบ thead, tfoot และ tbody ทำให้คุณสามารถจัดกลุ่มแถวในตารางได้ เมื่อคุณสร้างตาราง คุณอาจต้องการมีแถวส่วนหัว แถวบางแถวที่มีข้อมูล และแถวผลรวมที่ด้านล่าง การแบ่งส่วนนี้ทำให้เบราว์เซอร์สามารถรองรับการเลื่อนเนื้อหาตารางโดยไม่ขึ้นกับส่วนหัวและส่วนท้ายของตาราง เมื่อพิมพ์ตารางแบบยาว ส่วนหัวและส่วนท้ายของตารางสามารถพิมพ์บนแต่ละหน้าที่มีข้อมูลตารางได้
<tbody>
กำหนดเนื้อหาของตาราง (ข้อความ)
การใช้แท็ก <tbody> ทำให้ตารางสามารถแบ่งออกเป็นส่วนต่างๆ ได้ แท็ก <tbody> สามารถจัดกลุ่มหนึ่งหรือหลายแถวในตารางได้
แม้ว่าคุณอาจต้องการรวมแท็ก <tbody> หนึ่งหรือสองแท็กขึ้นไปในตาราง แต่เราขอแนะนำว่าไม่มีแท็ก <tbody> ในตาราง
ในบรรดาแท็ก <tbody> มีเพียงแท็ก <tr> เท่านั้นที่สามารถกำหนดแถวของตารางได้ และเมื่อกำหนดแล้ว แท็ก <tbody> จะเป็นส่วนอิสระของตาราง ตัวอย่างเช่น คุณไม่สามารถขยายจาก <tbody> หนึ่งไปยังอีก <tbody> ได้
องค์ประกอบ thead, tfoot และ tbody ทำให้คุณสามารถจัดกลุ่มแถวในตารางได้ เมื่อคุณสร้างตาราง คุณอาจต้องการมีแถวส่วนหัว แถวบางแถวที่มีข้อมูล และแถวผลรวมที่ด้านล่าง การแบ่งส่วนนี้ทำให้เบราว์เซอร์สามารถรองรับการเลื่อนเนื้อหาตารางโดยไม่ขึ้นกับส่วนหัวและส่วนท้ายของตาราง เมื่อพิมพ์ตารางแบบยาว ส่วนหัวและส่วนท้ายของตารางสามารถพิมพ์บนแต่ละหน้าที่มีข้อมูลตารางได้
<tเท้า>
กำหนดส่วนท้าย (เชิงอรรถ) ของตาราง
องค์ประกอบ thead, tfoot และ tbody ทำให้คุณสามารถจัดกลุ่มแถวในตารางได้ เมื่อคุณสร้างตาราง คุณอาจต้องการมีแถวส่วนหัว แถวบางแถวที่มีข้อมูล และแถวผลรวมที่ด้านล่าง การแบ่งส่วนนี้ทำให้เบราว์เซอร์สามารถรองรับการเลื่อนเนื้อหาตารางโดยไม่ขึ้นกับส่วนหัวและส่วนท้ายของตาราง เมื่อพิมพ์ตารางแบบยาว ส่วนหัวและส่วนท้ายของตารางสามารถพิมพ์บนแต่ละหน้าที่มีข้อมูลตารางได้
<คอล>
กำหนดค่าแอตทริบิวต์สำหรับหนึ่งคอลัมน์ขึ้นไปในตาราง คุณสามารถใช้คุณสมบัตินี้ได้เฉพาะในตารางหรือกลุ่มคอลกรุ๊ปเท่านั้น
<คอลกรุ๊ป>
กำหนดการจัดกลุ่มคอลัมน์ในตาราง องค์ประกอบนี้ช่วยให้คุณสามารถจัดกลุ่มคอลัมน์เพื่อการจัดรูปแบบได้ องค์ประกอบนี้ใช้ได้เฉพาะภายในแท็ก <table>
มีสองวิธีในการใช้แท็ก <colgroup>: วิธีหนึ่งคือกำหนดคอลัมน์ที่เหมือนกันหลายคอลัมน์ และอีกวิธีคือรวมคอลัมน์ต่างๆ หลายๆ คอลัมน์เข้าด้วยกัน