ZNACZNIK MAIN

<main> powinien zawierać w sobie główną treść dokumentu, zwykle bezpośrednio związana z tytułem i oczekiwaną zawartością strony. Znacznikiem MAIN nie obejmujemy żadnych stałych elementów powtarzających się w całym serwisie: menu nawigacyjnego, logo serwisu, bannerów, formularzy wyszukiwania, itp.

<main> może zawierać linki nawigujące do podsekcji głównej zawartości dokumentu, które nie powtarzają się na innych stronach. Na danej stronie www nie można umieścić więcej niż jednego elementu <main>. Nie można <main> umieszczać wewnątrz: ARTICLE, ASIDE, FOOTER, HEADER, NAV.

ZNACZNIKI: ARTICLE, SECTION I DIV

Każdy z tych znaczników tworzy kontener na wybranych fragmentach strony. Znacznik <article> to specjalny typ sekcji znacznika <section>. Obydwa są nowością w HTML5, natomiast znacznik <div>, który w HTML4 jako jedyny tworzył kontenery, w HTML5 nadal ma zastosowanie jako kontener. Różnice leżą w semantyce elementów:

<section> jest kontenerem - blokiem - zawierający ogólną treść strony, jest to ogólna sekcja strony www. Może być użyta w połączeniu z elementami: h1- h6 - celem wskazania struktury dokumentu.

<article> to główna treść strony www, niezależny, samodzielny blok zawierający treść główną strony, czyli taką po którą przybył internauta,

<div> to blok zawierający dowolną treść i jako jedyny z trzech wymienionych działa we wszystkich nawet najstarszych przeglądarkach, dlatego wielu twórców stron internetowych w dalszym ciągu używa tylko i wyłącznie div’a, co jest błędem z punktu widzenia zaleceń W3C.

ZNACZNIK ASIDE

<aside> to sekcja, w której umieszcza się treść powiązaną ze znacznikiem, w którym występuje, ale nie jest on wymagany, aby zrozumieć treść główną zadeklarowaną w znaczniku głównym. Najczęściej umieszcza się w tym znaczniku przypisy oraz reklamy.

ZNACZNIK FOOTER

W HTML4 pisaliśmy:

<div id="footer"> </div>

W HTML5 jest zapis:

<footer> Treść </footer>

<footer> to stopka elementu, w którym został użyty znacznik. Strona może zawierać więcej niż jeden znacznik footer, ale każdy musi być w innej sekcji (to znaczy musi być włożony do innego znacznika)

ZAMYKANIE ZNACZNIKÓW

Pamiętaj, że każdy z wymienionych znaczników musi być zamknięty.

<header> Treść nagłówka </header>

<nav> Elementy nawigacyjne </nav>

<section> Treść sekcji </section>

<main> Główna zawartość </main>

<article> Treść artykułu </article>

<div> Zawartość bloku </div>

<footer> Treść stopki </footer>