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
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ą.