Semantyka HTML

Tłumaczenie znaczenia najpopularniejszych znaczników HTML. Niektóre objaśnienia zaczerpnięte ze strony "Zapomniane znaczniki".

abbr, acronym
Różnica pomiędzy tymi dwoma znacznikami jest nieznaczna i dyskusyjna, więc nie będę próbował jej przedstawić. Służą one do rozwijania skrótów takich jak np. WWW, HTML czy CSS. Dla webmastera ważnym jest, że ABBR nie jest rozumiane przez Internet Explorera.
blockquote
Ten element używany jest do cytowania dużych fragmentów tekstu.
caption
patrz: TABLE
cite

Element CITE jest używany do oznaczania tytułów bądź odniesień do zewnętrznych źródeł, zazwyczaj takich, do których nie można podać linku.

code
Fragmenty kodu programów powinny być ujęte wewnątrz tego znacznika. Czesto używa się go również do cytowania fragmentów dokumentu HTML.
dd
patrz: DL
del, ins
Aby zaznaczyć zmianę w dokumencie używamy INS oraz DEL. Pierwszy znacznik oznacza, że fragment został dodany, drugi, że usunęliśmy go z treści.
dfn

Za pomocą elementu DFN możemy oznaczać te słowa, które definiują jakieś pojęcie. Przykładowo, jeśli piszemy artykuł na temat czegoś, co chcemy przedstawić szerszej publiczności i co może nie być znane naszym czytelnikom, warto użyć DFN przy pierwszej okazji wymieniania tego tajemiczego cosia i wyjaśnienia czym ono (to coś) w istocie jest.

div
Tag DIV nie niesie ze sobą żadnego semantycznego znaczenia. Używany jest do grupowania innych elementów na stronie.
dl
DL to lista definicji. Składa się z kilku par elementów DT, DD, które odpowiednio określają definiowany element, oraz jego definicję. :) Dobrym przykładem zastosowania DL jest np. ten dokument (nazwy tagów zawarte są w DT zaś opisy - w DD). Innym dobrym zastosowaniem jest np. cytowanie logów rozmów z komunikatora internetowego (DT - nic, czas; DD - wypowiedź).
dt
patrz: DL
em
EM to skrót od emphasis, czyli "nacisk". W tym tagu zawieramy słowa, na które chcemy zwrócić uwagę; wyróżnienie.
form
Formularz, służacy do interakcji (pobierania danych) z użytkownikiem. Zawiera takie elementy jak INPUT, SELECT oraz TEXTAREA.
h1, h2...
Elementy od H1 do H6 definiują nagłówki n-tego stopnia.
hr
Ten znacznik jest raczej odradzany, aczkolwiek można go używać do odzielenia sekcji dokumentu itp.
img
Obrazki służą do prezentowania treści w formacie graficznym
ins
patrz: DEL
kbd
Ten znacznik sygnalizuje, że dana treść powinna zostać wprowadzona przez klawiaturę, np: po ukończeniu naciśnij klawisz <kbd>enter</kbd>
label
Znacznik LABEL służy do opisywania pól formularza
li
patrz: UL
ol
patrz: UL
p
Element P zawiera w sobie jeden akapit tekstu
pre
PRE służy do przedstawiania sformatowanego fragmentu tekstu lub kodu.
q
Krótkie cytaty powinny być ujęte w tym tagu.
samp
Tag SAMP to z angielskiego sample - przykładowy wynik działania programu, skryptu, etc. Mówiąc prosto: to, co komputer wyświetlił.
span
SPAN nie zawiera w sobie żadnego semantycznego znaczenia.
strong
Znacznik ten jest używany do silnego podkreślenia fragmentów tekstu.
table
Do danych tabelarycznych używamy tabel. Danymi tabelarycznymi są np: rozkład jazdy pociągów (godziny/miasta), plan zajęć (godzina/przedmiot), statystyki (dni/cechy/wartości) itp. Każda tabela zawiera jeden element CAPTION (nagłówek tabeli) oraz dowolną liczbę wierszy (TR), w których znajdują się zwykłe (TD) lub nagłówkowe (TH) komórki.
td
patrz: TABLE
th
patrz: TABLE
tr
patrz: TABLE
ul
Jeśli wyliczamy jakieś elementy, należy zastosować listy nieuporządkowane (UL) lub uporządkowane (OL). Każdy element na liście reprezentuje tag LI. Dobrym przykładem list jest standardowe menu na stronie.
var

Znacznik VAR służy do oznaczenia tych elementów, które są zmienna i w powinny być zastąpiona inną, właściwą wartością. Nie używa się go do oznaczania zmiennych w kodach źródłowych programów, wbrew powszechnemu przekonaniu.

δ playground notes maciej łebkowski