Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีเพิ่มวันที่และเวลาใน HTML5

ใช้แท็ก <time> เพื่อเพิ่มวันที่และเวลา แท็ก HTML <time> ใช้สำหรับแสดงวันที่และเวลาที่มนุษย์อ่านได้ พร้อมรองรับแอตทริบิวต์ datetime สำหรับค่าที่เครื่องอ่านได้ (machine-readable)

แอตทริบิวต์เพิ่มเติม

แอตทริบิวต์ ค่า คำอธิบาย
datetime datetime เป็นวันที่และเวลาที่เครื่องอ่านได้ (รูปแบบ ISO 8601)

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีเพิ่มวันที่และเวลาใน HTML5:

<!Doctype html> 
<html> 
  <head> 
    <title>HTML time Tag</title> 
  </head> 
  <body> 
    <p>เวลาตอนนี้คือ <time datetime="20:30">20:30 น.</time></p> 
    <p>วันนี้คือ <time datetime="2024-01-15">15 มกราคม 2567</time></p> 
  </body> 
</html>

ประโยชน์: ช่วยให้เครื่องมือค้นหา (SEO) และโปรแกรมอ่านหน้าจอ (screen readers) เข้าใจวันที่/เวลาได้ถูกต้อง