section - Kurs HTML i CSS
HTML5 / Podcast HTML...(online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Odkryj HTML5: uproszczona składnia, nowe elementy semantyczne (section, article), ulepszone formularze (nowe typy input, walidacja) i natywne multimedia (video, audio). Zoptymalizuj wydajność (preload, async) i bezpieczeństwo (sandbox, popover). 🔊 Posłuchaj podcastu HTML
Komendy HTML 4.01 / LINK...pomoc index - skorowidz next - odnosi się do następnego dokumentu w sekwencji prev - odnosi się do poprzedniego dokumentu w sekwencji section - dział w kolekcji dokumentów start - odnosi się do pierwszego dokumentu w kolekcji stylesheet - odnosi się do zewnętrznego arkusza stylów (CSS) subsection - "poddzał" w kolekcji dokumentów REV="typ" Opisuje adres zwrotny podany w atrybucie HREF (analogicznie jak w przypadku atrybutu REL) STYLE="styl" Informacje stylów (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>...