ตรวจโครงรายการใน Elements

เปิดหน้าที่มี ul/ol/table แล้วใช้ DevTools Elements ไล่ต้นไม้แท็ก

1) แต่ละ li อยู่ใต้ ul หรือ ol หรือไม่

2) ในตาราง แต่ละ td/th อยู่ใน tr หรือไม่

3) มี thead แยกจาก tbody หรือยัง (ถ้าตารางมีหัวคอลัมน์)

ถ้า Elements แสดงโครงแปลก มักเพราะปิดแท็กไม่ครบหรือสลับคู่ — แก้ที่ซอร์สแล้วรีเฟรช

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

สร้างหน้ามี ul, ol และ table อย่างละหนึ่ง แล้วตรวจใน Elements

ง่าย

จงใจลืมปิด tr ชั่วคราว ดูผลใน Elements แล้วแก้กลับ

ใช้เพื่อเรียนรู้โครงที่พัง แล้วคืนโค้ดให้ถูกต้อง

ปานกลาง