แท็ก <time> ใน HTML คืออะไร?
แท็ก <time> ใช้สำห แสดงวันที่และ/หรือเวลาในรูปแบบที่เครื่องอ่านได้ (Machine-readable)** เพิ่มเข้ามาใน HTML5 ช่วยให้ Search Engine และเครื่องมืออื่นๆ เข้าใจวันที่/เวลาได้ถูกต้อง
แอตทริบิวต์หลัก
- datetime: วันที่/เวลาในรูปแบบมาตรฐาน ISO 8601 (Machine-readable)
ตัวอย่างการใช้งาน
<!DOCTYPE html> <html> <body> <h2>ตารางสอบ</h2> <p>สอบเริ่มจาก <time datetime="2024-06-15">วันเสาร์ที่ 15 มิถุนายน</time></p> <p>เวลาเริ่มสอบ <time datetime="09:00">09:00 น.</time> ในช่วงเช้า</p> <p>สิ้นสุด <time datetime="2024-06-15T12:00">12:00 น.</time></p> </body> </html>
รูปแบบ datetime ที่รองรับ (ISO 8601)
| รูปแบบ | ตัวอย่าง | คำอธิบาย |
|---|---|---|
| วันที่ | 2024-06-15 | YYYY-MM-DD |
| เวลา | 09:00, 09:00:00 | HH:MM หรือ HH:MM:SS |
| วันที่และเวลา | 2024-06-15T09:00 | YYYY-MM-DDTHH:MM |
| พร้อม Timezone | 2024-06-15T09:00+07:00 | รวมโซนเวลา (TZD) |
| ระยะเวลา (Duration) | PT2H30M | P=Period, T=Time, H=Hour, M=Minute |
จุดสำคัญ
- เนื้อหาภายใน <time> (ระหว่างแท็ก) คือข้อความที่มนุษย์อ่าน (Human-readable)
datetimeคือข้อมูลที่เครื่องอ่าน (Machine-readable) ต้องเป็นรูปแบบ ISO 8601- ช่วย SEO (Rich Snippets), Calendar Apps, Screen Readers
- ไม่แสดงผลพิเศษบนหน้าจอ ใช้ CSS จัดรูปแบบได้
