O znacznikach html dla trzykropczastych, trzecie Michał Moroz

Poprzednie części artykułu: pierwsza i druga.

Spis treści

  1. Data i czas w HTML
  2. Dopisałem! Usunąłem! Aktualizacja! Nowe! O ins i del
  3. Indeks górny i dolny - sup, sub
  4. Słonie na prawo, myszy na lewo, czyli big i small
  5. Stronę wykonał... address

Data i czas w HTML

Format daty stosowany w HTML:
YYYY[-MM[-DD[Thh:mm[:ss[.s]]TZD]]]
YYYY
Rok, koniecznie zapisany czterocyfrowo.
MM
Miesiąc, dwie cyfry (01 do 12).
DD
Dzień, dwie cyfry (01 do 31).
hh
Godzina, dwie cyfry (00 do 23).
mm
Minuty, dwie cyfry (00 do 59).
ss
Sekundy, dwie cyfry (00 do 59).
s
Jedno- lub dwucyfrowy zapis części dziesiętnych lub setnych sekundy.
TZD
Strefa czasowa (-12:00 do +12:00, lub Z, dla określenia czasu UTC).

Już tłumaczę. Sądzę, że najmniej zrozumiałą rzeczą okażą się nawiasy kwadratowe. Dane wyrażenie znajdujące się wewnątrz nawiasów kwadratowych nie jest konieczne. Jednak, często się okazuje, że nie można pominąć wyrażenia A, jeśli chcemy zapisać wyrażenie B. W tym przypadku pomocne okazuje się zagnieżdżanie w sobie poszczególnych nawiasów: [A [B]]. Czyta się to tak: Nikt nie każe nam podawać A i B, ale jeśli chcemy zapisać B, to musimy zapisać A. Powyższy przykład jest tylko bardziej rozbudowanym.

Literki T pomiędzy datą, a godziną, nie zmieniamy. Służy ona tylko do ich rozdzielania.

Poprawne daty:
0895
1721-12
1856-02-25
1900-01-01T22:04Z
2000-04-23T12:05:16+02:00
3000-03-02T15:12:12.22+01:00

Nie zudziłem? To wracajmy do nauki o znacznikach.

Dopisałem! Usunąłem! Aktualizacja! Nowe! O ins i del

Znacznik ins służy do zaznaczania, że dana treść została wstawiona. del oznacza treść za niebyłą. Przeznaczenie pierwszego nie budzi wątpliwości. Jednak czemu zamiast usuwać treść, otaczamy ją znacznikiem? Wystarczy wyobrazić sobie następujący przykład.

Blogger opisał pewne rozwiązanie problemu. Było ono nieładne - zastosował kilka obejść, których nie trzeba było robić, gdyby skorzystać z pewnego sprytnego narzędzia, co wskazał mu jeden z komentujących. Potem wywiązała się dyskusja na temat idealnego wyjścia. Wreszcie wszyscy osiągnęli rozsądny konsensus i blogger postanowił poprawić swój wpis, aby opisać w nim to nowe, lepsze rozwiązanie. Gdyby usunął teraz swój wcześniejszy sposób, ciężko byłoby zrozumieć sens tej dyskusji. Dlatego nasz blogger świadomie wstawił przestarzały tekst w znaczniki del, a nowe rozwiązanie zawarł wewnątrz ins.

Co jeszcze wypada nam wiedzieć na wypadek, gdybyśmy stanęli w sytuacji naszego bloggera? Oba znaczniki mają dwa przydatne atrybuty. Pierwszy to cite, które podobnie jak w cytatach wskazuje na URL, do którego się odwołujemy, np. na komentarz osoby, która podała idealne rozwiązanie. Drugim jest datetime, oznaczający czas wprowadzenia zmiany. Sposób zapisu czasu znajduje się powyżej.

Podobnie, jak w przypadku cytatów, i tu można zapisać odnośnik do źródła wewnątrz znacznika cite. Bardzo często spotykam się z umieszczaniem go wewnątrz znacznika ins, czy też del, czyli odwrotnie, jak podczas cytowania. Jest w tym pewna logika, jednak mimo to, pozostanę przy poprzednim sposobie. Dlaczego? W przyszłości do przezentacji źródła będzie wykorzystywana treść generowana przez style CSS bezpośrednio z atrybutu cite. Już teraz można zauważyć przykłady, choć nierozpowszechnione. Najczęściej taką generowaną treść umieszcza się zaraz za znacznikiem.

Zastrzegam, że to jest tylko mój wybór i niekoniecznie trzeba się z nim zgadzać. Ba, mogę się przychylić nawet do jakiegoś konkretnego argumentu przeciw.

Jeszcze jedna, ważna uwaga. ins i del mogą być elementami liniowymi i blokowymi, zależnie od ich położenia. Oczywiście - będąc elementami liniowymi, nie wolno im przechowywać elementów blokowych. Tak więc nie jest dozwolone umieszczanie nowego akapitu wewnątrz znacznika ins/del, który już w akapicie się znajduje.

Przykład (działanie):
ins jest tutaj elementem blokowym:
<ins datetime="2006-07-22T13:30+02:00" cite="http://example.org/art">
    <p>Teraz działa lepiej!</p>
</ins>
<p>Źródło: <cite><a href="http://example.org/art">http://example.org/art</a></cite></p>

a del - liniowym:

<p><del>zarzułć</del></p>

Indeks górny i dolny - sup, sub

Gdy chcemy zaznaczyć komuś, że jesteśmy skołowani do kwadratu, w mailu napisalibyśmy skołowany^2. Ale skoro HTML, to dla idei trzeba pisać masę dodatkowych literek, bo tego wymaga partia miłośników znaczników. Dlatego mamy znaczniki indeksu górnego i dolnego.

`sub`