Основний вміст

  • <body>

Тег <time>

Опис

Тег <time> визначає дату або час вмісту, який він оточує. Цей тег корисний для позначення часу публікації статті або для показу часу події. Він також може використовуватися для позначення частини часу, наприклад тільки дати або тільки часу.

Зверніть увагу, що вміст тегу <time> може бути відображений браузером як звичайний текст, якщо браузер не підтримує атрибут datetime.

Приклад

<p>Стаття опублікована <time datetime='2022-10-31'>31 жовтня 2022</time></p>

Підтримка тегу <time> в різних браузерах може відрізнятися. Для детальної інформації рекомендується перевіряти сумісність з конкретними браузерами на сайті розробника.

Інші теги, що використовуються для роботи з часом та датою в HTML, включають <date>, <datetime>.

<time datetime='YYYY-MM-DDThh:mm:ssTZD'>Текст, що відображається</time>

Атрибути

datetimeВказує точну дату або час, які відображатимуться у тегу. Цей атрибут має бути вказаний у форматі дати та/або часу за стандартом ISO 8601.

Часті запитання

  • Q: Тег <time> в HTML як і де використовують?

    A: Часові дані можна представити за допомогою тега <time>. Цей тег дозволяє вказати дату або час, які можуть бути корисні для машинного аналізу, для людей це також може бути зручно. Наприклад: <time datetime='2022-08-15'>15 серпня 2022 року</time>.

  • Q: Як правильно використовувати атрибут datetime в тезі <time>?

    A: Атрибут datetime в тезі <time> призначений для вказання дати або часу в форматі, який може бути розпізнаний комп'ютером. Наприклад: <time datetime='2022-08-15'>15 серпня 2022 року</time>.

  • Q: Як відображати локальний час за допомогою тега <time>?

    A: Для відображення локального часу за допомогою тега <time> можна використовувати JavaScript для отримання поточного часу і встановлення його у відповідне поле datetime. Наприклад: <time id='localTime'></time>.

  • Q: Як позначити часовий проміжок за допомогою тега <time>?

    A: Часовий проміжок можна позначити за допомогою тега <time>, вказавши початкову та кінцеву дати чи часи. Наприклад: <time datetime='2022-08-15T08:00/2022-08-15T17:00'>8:00 - 17:00 15 серпня 2022 року</time>.

  • Q: Як використовувати тег <time> для підтримки міжнародних форматів дати та часу?

    A: Для підтримки міжнародних форматів дати та часу за допомогою тега <time> можна використовувати атрибут datetime з глобальним стандартом ISO 8601. Наприклад: <time datetime='2022-08-15T10:30:00Z'>15 серпня 2022 року, 10:30 за UTC</time>.