Checkbox Markdown
Checkbox (เรียกอีกอย่างว่า task lists) เป็นวิธีที่ยอดเยี่ยมในการสร้าง to-do lists ติดตามความคืบหน้า และจัดระเบียบงานในเอกสาร Markdown ของคุณ พวกมันมีประโยชน์อย่างยิ่งใน GitHub, GitLab และแพลตฟอร์มอื่นๆ ที่รองรับ checkbox แบบโต้ตอบ
ไวยากรณ์ Checkbox พื้นฐาน
ไวยากรณ์สำหรับ checkbox ใช้วงเล็บเหลี่ยมพร้อมช่องว่างหรือ 'x' ข้างใน:
- [ ] Checkbox ที่ยังไม่ได้เลือก
- [x] Checkbox ที่เลือกแล้ว
- [ ] รายการที่ยังไม่ได้เลือกอีกตัว
ผลลัพธ์:
- Checkbox ที่ยังไม่ได้เลือก
- Checkbox ที่เลือกแล้ว
- รายการที่ยังไม่ได้เลือกอีกตัว
กฎไวยากรณ์ที่สำคัญ
1. ข้อกำหนดช่องว่าง
- •ต้องมีช่องว่างหลังเครื่องหมายขีด:
- [ ]
ไม่ใช่-[ ]
- •ช่องว่างในวงเล็บสำหรับยังไม่เลือก:
[ ]
ไม่ใช่[]
- •ตัว 'x' เล็กสำหรับที่เลือกแล้ว:
[x]
ไม่ใช่[X]
2. รูปแบบรายการ
Checkbox ต้องเป็นส่วนหนึ่งของรายการ (ใช้-
, +
, หรือ *
):
- [ ] นี่ทำงานได้
* [ ] นี่ก็ทำงานได้
+ [ ] นี่ก็ทำงานได้เหมือนกัน
[ ] นี่ไม่ทำงาน (ไม่ได้อยู่ในรายการ)
Checkbox แบบซ้อน
คุณสามารถสร้างรายการงานแบบซ้อนพร้อมงานย่อย:
- [ ] งานหลัก
- [ ] งานย่อย 1
- [x] งานย่อย 2 (เสร็จแล้ว)
- [ ] งานย่อย 3
- [x] งานหลักอีกตัว
- [x] งานย่อยของมัน
ผลลัพธ์:
- งานหลัก
- งานย่อย 1
- งานย่อย 2 (เสร็จแล้ว)
- งานย่อย 3
- งานหลักอีกตัว
- งานย่อยของมัน
ตัวอย่างการใช้งานจริง
รายการงานประจำวัน
## งานวันนี้
- [ ] เช็คอีเมล
- [ ] ตรวจสอบข้อเสนอโครงการ
- [x] ประชุมทีมเวลา 10:00 น.
- [ ] อัปเดตเอกสาร
- [ ] วางแผนงานวันพรุ่งนี้
การวางแผนโครงการ
## โครงการออกแบบเว็บไซต์ใหม่
- [x] ขั้นตอนการวิจัย
- [x] สัมภาษณ์ผู้ใช้
- [x] วิเคราะห์คู่แข่ง
- [x] รวบรวมข้อกำหนด
- [ ] ขั้นตอนการออกแบบ
- [x] Wireframes
- [ ] การออกแบบภาพ
- [ ] Prototype
การผสมกับการจัดรูปแบบอื่น
คุณสามารถรวม checkbox กับการจัดรูปแบบ Markdown อื่นๆ:
- [x] **งานสำคัญ** (เสร็จแล้ว)
- [ ] *งานปกติ* (กำลังดำเนินการ)
- [ ] `Code review` สำหรับโครงการ
- [ ] [ลิงก์ไปยังเอกสาร](https://example.com)
- [ ] ~~งานที่ยกเลิก~~ (ขีดทับ)
ผลลัพธ์:
- งานสำคัญ (เสร็จแล้ว)
- งานปกติ (กำลังดำเนินการ)
Code review
สำหรับโครงการ- ลิงก์ไปยังเอกสาร
งานที่ยกเลิก(ขีดทับ)
การแก้ไขปัญหา
ปัญหาที่พบบ่อย
- Checkbox ไม่แสดงผล: ตรวจสอบช่องว่างและรูปแบบรายการ
- ไม่มีการโต้ตอบ: แพลตฟอร์มอาจไม่รองรับ checkbox แบบโต้ตอบ
- รูปลักษณ์ไม่สอดคล้อง: แพลตฟอร์มต่างๆ จัดรูปแบบ checkbox แตกต่างกัน
ไวยากรณ์ที่ถูกต้องเทียบกับไม่ถูกต้อง
❌ ไม่ถูกต้อง:
-[ ] ไม่มีช่องว่างหลังเครื่องหมายขีด
- [] ไม่มีช่องว่างในวงเล็บ
- [X] ตัว X ใหญ่
[ ] ไม่ได้อยู่ในรายการ
✅ ถูกต้อง:
- [ ] ช่องว่างหลังเครื่องหมายขีด
- [ ] ช่องว่างในวงเล็บ
- [x] ตัว x เล็ก
Checkbox เหมาะสำหรับการจัดระเบียบงานและติดตามความคืบหน้า พวกมันทำให้เอกสารของคุณมีการโต้ตอบและช่วยให้โครงการมีระเบียบ!
พร้อมเพิ่มเนื้อหาภาพบ้างแล้วหรือยัง? เรียนรู้เกี่ยวกับ รูปภาพใน Markdown ต่อไป