<time>
Data, godzina lub czas trwania zapisane czytelnie dla ludzi i jednocześnie zrozumiale dla maszyn.
- Wyświetlanie
- inline
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść frazowa. Bez atrybutu
datetimetylko tekst w poprawnym formacie
Przykład
#<p>Webinar „Pierwsza strona w HTML” startuje <time datetime="2026-10-06T18:00+02:00">6 października o 18:00</time>.</p>
<p>Długość nagrania: <time datetime="PT1H15M">1 godz. 15 min</time>.</p>Definicja i zastosowanie
#Element <time> oznacza datę, godzinę albo czas trwania. Widoczny tekst piszesz dla ludzi, dowolnie („jutro o 18:00”, „14 września”), a w atrybucie datetime podajesz tę samą informację w ściśle określonym formacie, np. 2026-09-14 albo 18:00.
Dzięki temu dokładną datę odczytają wyszukiwarki, kalendarze, rozszerzenia przeglądarki i Twoje własne skrypty, niezależnie od języka strony. Skrypt może na przykład zamienić ją na „3 dni temu” albo przeliczyć godzinę na strefę czasową użytkownika.
Jeśli pominiesz datetime, sama treść elementu musi być zapisana w poprawnym formacie maszynowym. Przeglądarki nie zmieniają wyglądu <time>, więc dla czytelnika to zwykły tekst.
Składnia
#<time datetime="2026-09-28">28 września 2026</time>Atrybuty
#data, godzina lub czas trwania
Wersja dla maszyn. Data ma postaćRRRR-MM-DD, godzinaGG:MM, a połączenie obu z literąTi przesunięciem strefy czasowej wygląda tak:2026-09-28T18:30+02:00. Czas trwania zaczyna się od literyP, np.PT1H30Mto półtorej godziny, aP3Dto trzy dni.
Element obsługuje też wszystkie atrybuty globalne, takie jak class, id, style czy hidden.
Atrybuty w praktyce
#datetime
data, godzina lub czas trwaniaWersja dla maszyn. Data ma postać RRRR-MM-DD, godzina GG:MM, a połączenie obu z literą T i przesunięciem strefy czasowej wygląda tak: 2026-09-28T18:30+02:00. Czas trwania zaczyna się od litery P, np. PT1H30M to półtorej godziny, a P3D to trzy dni.
<ul>
<li><time datetime="2026-09-28">28 września 2026</time></li>
<li><time datetime="2026-09">wrzesień 2026</time></li>
<li><time datetime="18:30">18:30</time></li>
<li><time datetime="2026-09-28T18:30+02:00">dziś o 18:30</time></li>
<li><time datetime="P3D">3 dni</time></li>
</ul>Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Przy wydarzeniach podawaj przesunięcie strefy czasowej, np.
+02:00, żeby godzina nie rozjechała się uczestnikom z innych krajów. - Datę publikacji artykułu zapisz w
<time>, zwykle w<header>wpisu. - Nie używaj
<time>dla określeń bez konkretnej daty, takich jak „kiedyś” albo „wkrótce”.
Powiązane hasła
#- <data>Łączy czytelną treść z wartością dla maszyn, na przykład nazwę produktu z jego kodem.
- <article>Samodzielna, zamknięta treść, którą można przeczytać i udostępnić osobno.
- <abbr>Skrót lub akronim, z opcjonalnym rozwinięciem w atrybucie title.
- <span>Uniwersalny kontener liniowy bez znaczenia, do stylowania fragmentu tekstu.
Widzisz błąd albo brakuje przykładu? Napisz do nas.