Jerzy Dłużniewski

Jerzy Dłużniewski Freelancer / Grafik
/ Web designer /

Temat: <DIV>

Zauważyłem że polecane jest ograniczenie div i ładnie napisać sobie wszystko w css

Pytanie czemu.?
Bo z drugiej strony 2x więcej bałaganu w stylach oczywiście można je zrobić w oddzielnych plikach .css
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: <DIV>

Jerzy D.:
Zauważyłem że polecane jest ograniczenie div i ładnie napisać sobie wszystko w css

Pytanie czemu.?
Bo z drugiej strony 2x więcej bałaganu w stylach oczywiście można je zrobić w oddzielnych plikach .css

Nadużywanie DIV'ów zwane jest DIVITIS. Polecane jest ograniczanie ilości DIV (tak samo jak SPAN) ze względu na niesemantyczność. DIV w żaden sposób nie opisuje swojej roli.

Wraz ze specyfikacją HTML5 pojawiły się nowe elementy blokowe, które opisują swoją nazwą rolę jaką pełnią w dokumencie, np: HEADER, FOOTER, SECTION, ARTICLE, ASIDE... Użycie tych elementów bardzo zmniejszy nadmiar DIV'ów, oczywiście jeśli wykorzystujesz html5, a polecam! - html5shiv + css reset daje wsparcie dla IE8+.

Bardzo często zdarza się również, że DIV'y są wstawiane choć wcale nie są potrzebne. Świeży przykład z tego forum -> KLIK. Żaden z użytych DIVów nie jest tam potrzebny (co zasugerowałem kilka postów dalej). Klasę "bar" można nadać HEADER'owi lub zamienić DIV'a na element NAV bo wewnątrz znajdują się linki nawigacyjne (specyfikacja) , DIV.ALIGN nie pełni tam zupełnie żadnej funkcji, a przed edycją posta był tam jeszcze jeden nadmierny DIV o klasie ALIGN. Dla porównania: ORYGINAŁ -> BEZ DIV'ÓW - przy okazji pozbyłem się classitis.

Konkludując, jeżeli wyrzucenie nadmiaru elementów w kodzie (nie tyczy się to wyłącznie DIV'ów) - DIVITIS - oraz nadmiernych , niepotrzebnych klas z HTML'a - CLASSITIS - skutkuje bałaganem w kodzie CSS oznacza to, że coś jest robione źle! Uprzątnięcie kodu HTML powinno, i gdy jest dobrze wykonane, zawsze ma bardzo pozytywny skutek na porządek i rozmiar stylów.
Piotr Potera

Piotr Potera Frontend Developer,
UI/UX designer

Temat: <DIV>

@Marcin Gościcki

A wszystko to można o kant tyłka potłuc, gdy piszesz jakąś appkę, czy to w Angularze czy innym Foundation/Bootstrapie ;-) Nikt nie przejmuje się tu semantycznością kodu. Od usability jest ARIA a osoba niewidoma i tak nic nie zrobi.

Następna dyskusja:

&lt;div&gt; o szerkości 100%




Wyślij zaproszenie do