HTML-тег `<time>`

Тег <time> является одним из элементов HTML5. Он используется для определения одного из следующих:

времени в 24-часовом формате, понятном человеку,
точной даты в григорианском календаре (с необязательной информацией о часовом поясе и времени).

Тег <time> не следует использовать для дат, предшествующих введению григорианского календаря.

Атрибут datetime используется для определения формата, понятного машинам, что позволяет поисковым системам выдавать более точные результаты, а пользовательским агентам — добавлять напоминания в календарь пользователя. Если атрибут datetime отсутствует, элемент <time> не должен содержать дочерних элементов. В этом случае значением datetime будет текстовое содержимое элемента.

Синтаксис

Элемент <time> требует наличия как открывающего, так и закрывающего тега. Содержимое записывается между открывающим тегом <time> и закрывающим тегом </time>.

Пример использования HTML-тега `<time>`:

HTML-тег <time>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document.</title>
  </head>
  <body>
    <p>The game will be held on <time datetime="2018-09-28T19:00">September 28</time>.</p>
    <p>It will start at <time>19:00</time></p>
  </body>
</html>

Try it Yourself »

Результат

time example

Атрибуты

Атрибут	Значение	Описание
datetime	`YYYY-MM-DD`, `YYYY-MM-DDThh:mm`, `hh:mm` и т. д.	Указывает время/дату в формате, понятном машинам. Значение должно соответствовать допустимому формату строки даты/времени (например, ISO 8601). Также поддерживаются смещения часовых поясов, такие как `+02:00` или `Z`.

Тег <time> также поддерживает глобальные атрибуты.

Примечание: Атрибут pubdate ранее поддерживался, но был признан устаревшим и удалён в более поздних спецификациях HTML.

Как стилизовать HTML-тег <time>

css

time {
  color: blue;
  font-weight: bold;
}

Практика

Что верно относительно HTML-тега <time>?

HTML-тег <time> отображает дату/время на веб-странице.<time> является блочным элементом.Этот элемент поддерживается во всех основных браузерах.Тег <time> не поддерживает глобальные атрибуты в HTML.Тег <time> используется для представления конкретного периода времени, такого как конкретная дата или время, месяц и год, или смещение часового пояса от всемирного координированного времени (UTC).

HTML-тег <time> ​

Синтаксис ​

Пример использования HTML-тега <time>: ​

Результат ​