Ostatnio edytowany:

time

Autor: Virtual Patriot

Przeznaczenie elementu time

Element time reprezentuje zawartość, którą powinna być treść wskazująca na czas lub datę lub czas oraz datę.

Dodatkowe techniczne informacje o elemencie time

kategoria ogólna
kontekst zewnętrzny
element HTML, który tworzy wewnętrzny kontekst frazowany

Przykładowy Kod HTML

<p>
  <time datetime="12:00">Jest południe</time>.
</p>

Kontekstem zewnętrznym przykładowego elementu "time" jest element "p". Wspomniany element "p" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst frazowany, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "p", jest prawidłowym kontekstem zewnętrznym dla elementu "time".

kontekst wewnętrzny
  • gdy dany element time posiada atrybut datetime kontekstem wewnętrznym może być zawartość frazowana

    Przykładowy Kod HTML

    <p>
      <time datetime="12:00">Jest południe</time>.
    </p>

    Kontekstem wewnętrznym przykładowego elementu "time" jest wyłącznie tekst. Wspomniany tekst jest jednym z elementów, które należą do kategorii zawartość frazowana. Ponadto wspomniany element "time" posiada atrybut "datetime", dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli ciąg znaków "Jest południe", jest prawidłowym kontekstem wewnętrznym dla elementu "time".

  • gdy dany element time nie posiada atrybutu datetime kontekstem wewnętrznym musi być zawartość tekstowa w formie standardu daty i czasu (standard ISO-8601)

    Przykładowy Kod HTML

    <p>
      <time>12:00</time>.
    </p>

    Kontekstem wewnętrznym przykładowego elementu "time" jest wyłącznie zawartość tekstowa w formie standardu daty i czasu (standard ISO-8601). Ponadto wspomniany element "time" nie posiada atrybutu "datetime", dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli ciąg znaków "12:00", jest prawidłowym kontekstem wewnętrznym dla elementu "time".

wymagane elementy dzieci

żaden element HTML, a zawartość tekstowa w formie standardu daty i czasu (standard ISO-8601), lecz tylko jeżeli dany element time nie posiada atrybutu datetime

wymagane atrybuty

brak

składnia HTML

<time> ... </time>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

nigdy

CSS display

inline

Dodatkowe domyślne reguły CSS elementu time

/* brak */

Interpretacja elementu time

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 9

Edge

tak

Zobacz więcej informacji o interpretacji elementu .

Opis atrybutów elementu time

datetime

Przeznaczenie atrybutu datetime

Atrybut datetime wykorzystany wraz z elementem time określa w formie standardu daty i czasu treść, która reprezentowana jest przez zawartość danego elementu time.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu datetime

data

Należy podać ciąg znaków w formie standardu daty i czasu (standard ISO-8601).

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <p>
      <time datetime="12:00">Jest południe.</time>
    </p>

  </body>
</html>

Rezultat

Ponieważ do przykładowego elementu "time" został dodany atrybut "datetime" wraz z wartością "12:00" wspomniany element "time" zawiera dodatkową informację dla przeglądarki internetowej o tym, że treść reprezentowana przez zawartość wspomnianego elementu "time" wskazuje na godzinę dwunastą.