Thứ năm, 24/09/2020 | 00:00 GMT+7

Cách sử dụng yếu tố thời gian trong HTML5

Phần tử <time> là mới đối với HTML5. Nó giúp bạn dễ dàng đánh dấu thông tin thời gian hơn. Hãy xem xét một số tình huống và sử dụng <time> trong thực tế.

Yêu cầu

Sử dụng yếu tố thời gian trong HTML5

<time> cho phép bạn đánh dấu thông tin ngày và / hoặc thời gian ở định dạng dễ hiểu cho cả người và máy. Ví dụ: nếu bạn muốn đánh dấu thời gian đã có ở định dạng máy có thể đọc được, bạn sử dụng <time> như sau:

<p>   Meet me at <time>11:59</time> at the dock. </p> 

Hoặc, nếu thông tin ngày / giờ không thể đọc được bằng máy, bạn sẽ đánh dấu thông tin đó như sau bằng thuộc tính datetime :

<p>   Last updated   <time datetime="2015-11-03">     November 3rd 2015   </time>. </p> 

Giá trị cho thuộc tính datetime có một trong các định dạng sau:

  • date : YYYY-MM-DD
  • datetime (với múi giờ): YYYY-MM-DDThh: mm: ss.Z (ví dụ: 2016-06-30T03: 37: 56-0800)
  • datetime-local (không có múi giờ): YYYY-MM-DDThh: mm: ss
  • time : hh: mm: ss
  • month : YYYY-MM

Đây là cách bạn có thể sử dụng phần tử <time> .

Kết luận

<time> là một phần tử mới quan trọng trong HTML5.

Để có bài đánh giá toàn diện hơn về ngôn ngữ đánh dấu HTML5, hãy khám phá loạt bài của ta , Cách tạo trang web bằng HTML .


Tags:

Các tin liên quan