HTML <time> datetime นาที

HTML <time> แบบภาพ

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

datetime ตัวแปร attribute แสดงรูปแบบที่สามารถอ่านได้โดยเครื่องยนตร์ของตัวแปร time

ตัวอย่างของขอบเขตเวลาที่มีมูลค่าในการอ่านโดยเครื่องยนตร์

วัน:

<time datetime="1914">  <!-- แสดงปี 1914 -->
<time datetime="1914-12">  <!-- แสดงเดือนธันวาคม 1914 -->
<time datetime="1914-12-20">  <!-- แสดงวันที่ 20 ธันวาคม 1914 -->
<time datetime="12-20">  <!-- แสดงวันที่ 20 ธันวาคมของทุกปี -->
<time datetime="1914-W15">  <!-- แสดงสัปดาห์ที่ 15 ของปี 1914 -->

วันและเวลา:

<time datetime="1914-12-20T08:00">  <!-- แสดงวันที่ 20 ธันวาคม 1914 ตอนเช้า 8 โมง -->
<time datetime="1914-12-20 08:00">  <!-- แสดงวันที่ 20 ธันวาคม 1914 ตอนเช้า 8 โมง -->
<time datetime="1914-12-20 08:30:45">  <!-- มีนาที และวินาที -->
<time datetime="1914-12-20 08:30:45.687">  <!-- มีนาที วินาที และมิลลิวินาที -->

เวลา:

<time datetime="08:00">  <!-- แสดงเวลาตอนเช้า 8 โมง -->
<time datetime="08:00-03:00">  <!-- แสดงเวลาที่ริโอเดจาเนโร (UTC-3 ชั่วโมง) ตอนเช้า 8 โมง -->
<time datetime="08:00+03:00">  <!-- แสดงเวลาที่มาดากัสการ์ (UTC+3 ชั่วโมง) ตอนเช้า 8 โมง -->

ระยะเวลา:

<time datetime="P2D">  <!-- แสดงว่า 2 วัน -->
<time datetime="PT15H10M">  <!-- แสดงว่า 15 ชั่วโมง 10 นาที -->

ตัวอย่าง

เศษยศาสตร์ที่สามารถอ่านได้โดยเครื่องยนตร์ ของประกาศเวลา time ใช้ตัวแปร datetime:

<p>ฉันมีนัดในวันวายรัก <time datetime="2017-02-14">วันวายรัก</time>。</p>

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

กรรมวิธี

<time datetime="YYYY-MM-DDThh:mm:ssTZD">

ค่าทางตัวเลข

ค่า คำอธิบาย

YYYY-MM-DDThh:mm:ssTZD

หรือ

PTDHMS

วันที่หรือเวลาที่กำหนด ชิ้นส่วนของการอธิบาย:

  • YYYY - ปี (ตัวอย่าง 2011)
  • MM - เดือน (ตัวอย่าง 01 หมายถึงเดือนมกราคม)
  • DD - วัน (ตัวอย่าง 08)
  • T หรือ ช่องว่าง - ตัวแทนของเวลา (ถ้ามีการกำหนดเวลา ต้องมี)
  • hh - ชั่วโมง (ตัวอย่าง 22 หมายถึงเวลา 10 โมงคืน)
  • mm - นาที (ตัวอย่าง 55)
  • ss - วินาที (ตัวอย่าง 03)
  • TZD - สัญญาณหมายเวลาท้องถิ่น (Z หมายถึง Zulu หรือ ระยะเวลามาตรฐานของกรุงลอนดอน)
  • P - หน้าแก้วของ "Period"
  • D - หน้าแก้วของ "Days"
  • H - หน้าแก้วของ "Hours"
  • M - หน้าแก้วของ "Minutes"
  • S - หน้าแก้วของ "Seconds"

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้บอกเล่าถึงเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
62.0 18.0 22.0 7.0 49.0

HTML <time> แบบภาพ