คุณสมบัติ scope ของ HTML <th>

HTML <th> แบบภาพ

การกำหนดและการใช้

scope คุณสมบัตินี้กำหนดหัวตารางที่เป็นหัวข้อของคอลัมน์ แถว หรือ คอลัมน์หรือแถวที่มีทางแยก

ข้อเตือน：scope คุณสมบัตินี้ไม่มีภาพทางทางเดินเครื่องปกติในเว็บเบราเซอร์ แต่สามารถใช้งานได้โดยตัวอ่านหน้าจอ

การอธิบายละเอียด

การใช้ scope คุณสมบัติสามารถทำให้หน่วยฐานข้อมูลต่อเนื่องกับหัวตาราง

ด้วยค่าของทางเลือก row แถวหัวตารางที่ถูกกำหนดจะทำให้แถวทั้งหมดของตารางที่ถูกกำหนดต่อเนื่องกับหัวตาราง การกำหนด col จะทำให้หน่วยฐานทั้งหมดของคอลัมน์ปัจจุบันต่อเนื่องกับหัวตาราง

การใช้ rowgroup และ colgroup จะทำให้หน่วยฐานที่มีทางแยกของแถวหรือคอลัมน์ทั้งหมดที่ถูกกำหนดโดย <thead> หรือ <tbody> หรือ <tfoot> ต่อเนื่องกับหัวตาราง (ที่ถูกกำหนดโดย <col> หรือ <colgroup>)

ตัวอย่าง

ตัวอย่าง กำหนดให้หัวข้อเซลล์สองตัวเป็นหัวข้อของคอลัมน์

<table>
  <tr>
    <th></th>
    <th scope="col">เดือน</th>
    <th scope="col">ฝากเงิน</th>
  </tr>
  <tr>
    <td>1</td>
    <td>มกราคม</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>กุมภาพันธ์</td>
    <td>￥4000</td>
  </tr>
</table>

ทดลองด้วยตัวเอง

ระบุ

<th scope="col|row|colgroup|rowgroup">

ค่าของอาทิตย์

ค่า คำอธิบาย
col กำหนดให้เซลล์เป็นข้อความหัวข้อของคอลัมน์
row กำหนดให้เซลล์เป็นข้อความหัวข้อของบรรทัด
colgroup กำหนดให้เซลล์เป็นข้อความหัวข้อของชุดคอลัมน์
rowgroup กำหนดให้เซลล์เป็นข้อความหัวข้อของชุดบรรทัด

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

HTML <th> แบบภาพ