Thẻ time trong HTML
Bùi Tấn Lực - 1065
- 30/09/2025
Chức năng của Thẻ time trong HTML
Thẻ time trong HTML dùng để chỉ rõ một mốc thời gian hoặc một thời điểm cụ thể nhằm giúp cho các công cụ tìm kiếm tạo ra các kết quả thông minh hơn.
Cú pháp của Thẻ time trong HTML
<time>thoigian</time>
thoigian: Mốc Thời gian (Ví dụ: 08:00).
<time datetime="Y-m-d h:i">thoidiem</time>
thoidiem: Thời điểm (Ví dụ: Ngày phụ nữ Việt Nam)
datetime="Y-m-d h:i": Thuộc tính datetime theo cấu trúc thời gian (Năm-Tháng-Ngày Giờ:Phút).
Bao gồm thẻ mở và thẻ đóng bao quanh một thời điểm.
Code Thẻ time trong HTML
<p>Giờ làm việc bên Web Mới từ: <time>08:00</time> đến <time>21:00</time> hằng ngày.</p>
<p>Tôi có hẹn vào <time datetime="2025-10-20 18:00">Ngày Phụ Nữ Việt Nam</time>.</p>
Các lỗi thường gặp khi sử dụng thẻ time trong HTML
Dù thẻ time có cách sử dụng khá đơn giản, nhiều người vẫn gặp lỗi khi khai báo ngày giờ hoặc áp dụng sai mục đích. Những lỗi này có thể khiến trình duyệt, công cụ tìm kiếm và các hệ thống xử lý dữ liệu không hiểu chính xác thông tin được đánh dấu.
Sử dụng sai định dạng thuộc tính datetime
Thuộc tính datetime cần tuân theo định dạng ngày giờ chuẩn để máy có thể đọc chính xác. Một lỗi phổ biến là nhập ngày tháng theo cách hiển thị thông thường thay vì định dạng mà HTML hỗ trợ.
Ví dụ, nội dung hiển thị có thể viết tự nhiên cho người dùng, nhưng giá trị trong datetime nên được chuẩn hóa để tránh sai lệch khi xử lý dữ liệu.
<time datetime="2026-08-07">Ngày 7 tháng 8 năm 2026</time>
Khi cần thêm thời gian cụ thể, nên sử dụng đầy đủ định dạng gồm ngày, giờ và múi giờ nếu cần thiết. Việc khai báo chính xác giúp dữ liệu có tính nhất quán hơn.
Dùng thẻ time cho nội dung không phải ngày giờ
Thẻ time chỉ nên dùng để đánh dấu các thông tin liên quan đến thời gian như ngày xuất bản, lịch sự kiện, thời lượng hoặc thời điểm diễn ra một hoạt động.
Không nên sử dụng thẻ này cho các dữ liệu không mang ý nghĩa thời gian như tên sản phẩm, địa điểm, số lượng hoặc thông tin mô tả thông thường. Việc dùng sai mục đích có thể làm giảm ý nghĩa ngữ nghĩa của HTML.
Bỏ qua lợi ích của thẻ time trong SEO và dữ liệu có cấu trúc
Một số website chỉ dùng thẻ time để hiển thị ngày tháng mà chưa tận dụng khả năng cung cấp thông tin rõ ràng cho công cụ tìm kiếm. Khi được sử dụng đúng, thẻ này giúp hệ thống hiểu đâu là dữ liệu thời gian trong nội dung.
Đặc biệt với các bài viết có ngày đăng, sự kiện hoặc lịch trình, việc kết hợp nội dung hiển thị với giá trị datetime hợp lệ sẽ giúp trang có cấu trúc thông tin tốt hơn và dễ được máy đọc hiểu.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thẻ time trong HTML.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
