Nowe elementy semantyczne języka HTML5

Język HTML5 nie powstał tylko po to, aby uprościć niektóre istniejące elementy (aczkolwiek w tym zakresie też ma spore sukcesy). W HTML5 zdefiniowano też wiele nowych elementów semantycznych.

section: Element section reprezentuje ogólną sekcję dokumentu lub aplikacji. Sekcja w tym przypadku to grupa treści dotyczącej jakiegoś jednego tematu, zwykle dodatkowo opatrzona nagłówkiem. Przykładami sekcji są rozdziały w książce, strona na kartach w oknie dialogowym z zakładkami i ponumerowane części pracy naukowej. Stronę główną witryny internetowej można podzielić na sekcję wstępną, z wiadomościami i informacjami kontaktowymi.
nav: Element nav reprezentuje część strony zawierającą łącza do innych stron lub miejsc na tej samej stronie: sekcja z łączami nawigacyjnymi. Nie wszystkie grupy łączy na stronie muszą znajdować się w elemencie nav. Dotyczy on tylko sekcji zawierających najważniejsze bloki nawigacji. W szczególności w stopce często umieszcza się listy odnośników do różnych stron witryny, takich jak polityka prywatności, strona główna czy strona z informacjami o prawach autorskich. W takich przypadkach wystarczające jest użycie samego elementu footer, bez elementu nav.
article: Element article reprezentuje samodzielny fragment strony, dokumentu, aplikacji lub witryny internetowej, który może być rozpowszechniany w sposób niezależny od miejsca, w którym się znajduje, np. poprzez kanały RSS. Może na przykład reprezentować wpis na forum, artykuł gazety lub innego czasopisma, wpis na blogu, komentarz dodany przez użytkownika, interaktywny widżet lub gadżet itp.
aside: Element aside reprezentuje część strony, która jest bezpośrednio powiązana z treścią znajdującą się wokół tego elementu, a jednocześnie nie będąca jej integralną częścią. W druku takie sekcje najczęściej występują jako paski boczne. Elementu tego można używać do reprezentowania cytatów blokowych i pasków bocznych, reklam, grup elementów nav oraz do oznaczania innych rodzajów treści, które są niezależne od treści głównej.
hgroup: Element hgroup reprezentuje nagłówek sekcji. Element ten służy do grupowania elementów h1–h6, gdy nagłówek jest wielopoziomowy, tzn. zawiera podnagłówki, alternatywne tytuły lub puentę.
header: Element header reprezentuje treść wstępną lub podstawowe pomoce nawigacyjne. W elemencie tym zazwyczaj umieszcza się nagłówek sekcji (element h1–h6 lub hgroup), ale nie jest to konieczne. Elementu header można też użyć do oznaczenia spisu treści sekcji, formularza wyszukiwania albo logo.
footer: Element footer reprezentuje stopkę swojego najbliższego przodka będącego elementem sekcyjnym. Najczęściej w stopce umieszcza się informacje o autorze treści, łącza do podobnych dokumentów, informacje o prawach autorskich itp. Stopka nie musi znajdować się na końcu sekcji, chociaż najczęściej tam właśnie się ją umieszcza. Jeśli element footer zawiera całe sekcje, zwykle reprezentują one dodatki, indeksy, długie kolofony, obszerne teksty licencji itp.
time: Element time reprezentuje godzinę w formacie 24 godzinnym albo konkretną datę wg rozszerzonego kalendarza Gregoriańskiego. Opcjonalnie może być określona godzina i strefa czasowa.
mark: Element mark służy do oznaczania tekstu, na który czytelnik powinien zwrócić uwagę.

Na pewno nie możesz już się doczekać, aż zaczniesz używać tych nowych elementów, bo jeśli nie to po co czytałbyś ten rozdział. Ale chwilowo musimy odejść od głównego tematu, aby powrócić do niego za chwilę.