HTML w praktyce #5 – header

HTML w praktyce #5 – header


Znacznik header reprezentuje nagłówki elementów HTML o tym w tym odcinku zapraszam [ intro kodu.je ] Nazywam się Wojtek i jestem front-end developerem w firmie Functionite odpowiedzialnej za projekt kodu.je Jeśli nie poprzednich wideo z tej serii, możecie zrobić to klikając w widoczną miniaturkę W poprzednim filmie opowiadałem wam o znaczniku meta Tym razem znacznik header – zaczynajmy Znacznik header reprezentuje treść wprowadzającą dla swojego rodzica Zazwyczaj zawiera on w sobie elementy nawigacyjne bądź informacje ogólne Jeśli element jest dzieckiem znacznika “body” oznacza to, że jest nagłówkiem dla całej naszej witryny W związku z tym zmieńmy nasz znacznik “div” z inii 13 na nowo poznany znacznik header Nazwa klasy .page-header pasuje teraz do roli jaką ten element spełnia Zawartość tego znacznika również pasuje dobrze do zaleceń specyfikacji Zawiera elementy nawigacyjne dla całej naszej witryny Warto też nadmienić, że element header nie należy do grupy sectioning content czyli elementy header ani footer, o którym będziemy rozmawiać w kolejnych odcinkach nie mogą być bezpośrednimi dziećmi tego znacznika Zagnieżdżenie tych znaczników może odbywać się tylko wtedy, gdy są one zawarte w znaczniku sklasyfikowanym do grupy sectioning content Znacznik header powinien z reguły zawierać nagłówki sekcji, czyli elementy od H1 do H6 jednak nie jest to wymagane tak jak w przypadku naszego nagłówka page header Jednak na linii 38 wewnątrz diva o klasie “tools” znajduje się nagłówek sekcji Moglibyśmy go więc przenieść jako dziecko nowo utworzonego znacznika header Analogicznie poprawimy resztę naszej witryny Pamiętajcie, że znacznik header nie należy do grupy sectioning content Z reguły zawiera w sobie nagłówki sekcji, jednak nie jest to wymagane Header będący dzieckiem body jest nagłówkiem dla całej naszej witryny, a element header możemy zagnieżdżać tylko wtedy, gdy znajduje się on wewnątrz elementu z grupy sectioning content Wszystkie przykłady używane w naszych nagraniach znajdziecie na naszym publicznym repozytorium na Githubie Linki znajdują się w opisie tego wideo Dzięki serdeczne za uwagę, jeśli podobało wam się to wideo, dajcie znać w komentarzu i możecie też zasubskrybować nasz kanał Pamiętajcie też o naszym profilu na Facebooku, oraz stronie www.kodu.je Trzymajcie się i do zobaczenia wkrótce

Comments

  1. Post
    Author
  2. Post
    Author
  3. Post
    Author
  4. Post
    Author
    Dominik Pilarek

    Oglądam w jakości HD i nie widzę lini 13 nic nie widzę :/ fajnie by było gdybyś to poprawił, dał jakieś zbliżenie czy też poprawił ostrość.

Leave a Reply

Your email address will not be published. Required fields are marked *