section - Kurs HTML i CSS
HTML5 / Nagłówek <header><header>...</header> Reprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6 albo HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy...
- HTML5 / Szablon strony w HTML5
Bardzo dawno temu, gdy nie było innej możliwości, do tworzenia szkieletu strony powszechnie używano tabel. Ale po wprowadzeniu języka CSS, takie podejście zaczęto uznawać za bardzo poważny błąd semantyczny. Mając do dyspozycji CSS i HTML 4.01, jedyną możliwością zbudowania prawidłowego szablonu strony było wykorzystanie bloków DIV. Sekcje szkieletu zwykle były potem formatowane przy pomocy CSS, a więc takie użycie znaczników było poprawne. W języku HTML5 zostały jednak wprowadzone zupełnie nowe...
- HTML5 / Wstawka <aside>
<aside>...</aside> Wstawka reprezentuje sekcję na stronie, która jest tylko nieznacznie powiązana tematycznie z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych. Element ten nie nadaje się do...
- HTML5 / Podtytuł <hgroup>
Podtytuł pierwszego poziomu (główny): <hgroup> <h1>tytuł</h1> <p>podtytuł</p> </hgroup> Podtytuł drugiego poziomu (sekcji): <hgroup> <h2>tytuł</h2> <p>podtytuł</p> </hgroup> Podytuł trzeciego poziomu (podsekcji): <hgroup> <h3>tytuł</h3> <p>podtytuł</p> </hgroup> Podtytuł czwartego poziomu: <hgroup> <h4>tytuł</h4> <p>podtytuł</p> </hgroup> Podtytuł piątego poziomu: <hgroup> <h5>tytuł</h5> <p>podtytuł</p> </hgroup> Podtytuł szóstego poziomu (najniższej podsekcji): <hgroup>...