Struktura strony z 3 odc CSS

Question

Witam. Wiem, że odcinek nie należy do najnowszych i, że to układ nie ze standardu HTML5 ale mam pytania dotyczące układu strony.

 

1 pytanie: Dlaczego wszystkie divy zbudowane na klasach a nie id ?

2 pytanie: Div logo i socialdivs pozamykane są w dodatkowych pojemnikach a np. content już nie. Od czego to zależy? 

PS. Wiem że html5, nowe znaczniki itd ale chciałbym zrozumieć zamysł p. MZ w tym standardzie

Answer 1

Są zamknięte w klasach, ponieważ w CSS-ie powinno stylizować klasy, a nie id. Oczywiście nie ma problemu, aby dodać id do tych elementów, ale pytanie: po co?

Nie powinno się stylizować po id, ponieważ nie mamy możliwości użycia tych samych stylów dwa razy na stronie. Identyfikator powinien identyfikować element, a jak to zrobi skoro będą dwa takie same? Jedno id, jeden element. Jedna klasa, n elementów.

Oczywiście, stylizowanie po id nie jest grzechem, ale nie najlepszym nawykiem, który później może nam przysparzać problemy i ich rozwiązania :).

.header jest stworzony po to, aby dodać górny i dolny padding. .socials dodaje tło. Oczywiście te wartości można wrzucić do .logo oraz .socials (Chociaż tutaj może się pojawić mały problem wyśrodkowania elementów wewnątrz niego. Mały problem, jak na metody, których Pan Zelent używa w kursach.).

Może .header i .socials zostały dodane dla lepszego zrozumienia kodu. No i jakby nie patrzeć, gdyby strona byłaby budowana w HTML5, to header jak najbardziej jest na miejscu, a .socials można potraktować jako section.

Answer 2

1. Wszystkie divy są zbudowane na klasach, ponieważ klasy służą do ostylowania elemntów w css, ID używamy gdy chcemy podpiąć javaScript.

2. Socialdivs (wg. mnie) zamknięte zostało w dod. div, dla łatwiejszego ostylowania elemntów (nadanie divowi odpowiedniej szerokości, wyśrodkowanie go, a elementy w nim znajdujące dostosowują się do niego)