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