html.okpython.net
HTML и CSS для начинающих

HTML :: Тег <time>

В HTML тег <time> (от англ. time – время) используется для создания контейнера, содержимое которого помечается как дата, время или дата и время. Обычно содержимое элемента <time> представляет собой дату и время в удобочитаемом для пользователей формате. Для представления даты и времени в машиночитаемом формате используется его атрибут datetime (если содержимое элемента и атрибута совпадают, то атрибут можно опустить). Браузеры никак не выделяют содержимое элемента <time>.

Элемент <time> не подходит для использования в случаях, когда точная дата неизвестна (например, январь 2019) или представляет собой время до Рождества Христова.

Синтаксис

	<time>Дата и время</time>	   			
	
	<time datetime="Дата и время">Текст</time>	
	
	Закрывающий тег: обязателен.

Атрибуты

  • datetime – задает время и дату в виде YYYY-MM-DDThh:mm:ssTZD (международный формат ISO 8601), где
    • YYYY – год (например, 2019),
    • MM – месяц (например, 05),
    • DD – день (например, 07),
    • T – разделитель даты и времени,
    • hh – часы (например, 21),
    • mm – минуты (например, 33),
    • ss – секунды (например, 03),
    • TZD (от англ. Time Zone Designator) – указатель часового пояса (например, +01:00).
  • Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-time-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/time

Примеры

HTML Результат htmlCodes 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>

	<p>
		Праздничный ужин в день его рождения 
		(<time datetime="2019-05-31">31 мая</time>) <br>
		состоится в <time datetime="18:00+03:00">18.00</time> 
		после прихода всех друзей.
	</p>
	
</body>
</html>

Пример №1

▲
▼