ocena i problem z divami

Question

WITAM

po krótkiej przerwie udało mi sie wykonać dość fajny szablon do strony www.

Zwiazku z tym, chciałbym Was prosić o krytyczną ocene.

link do strony:https://jsfiddle.net/7Lockfv0/

dodatkowo mam mały problem. Chciałbym aby div id=sidebar dopasowywał się automatycznie do div id= content, a content dopasowywał sie do treści strony www.

czy jest to możliwe??

Answer 1

Używaj nowych semantycznych tagów HTML5
http://tutorials.comandeer.pl/html5-blog.html

Wszędzie używasz [id] - stosuj metodologię BEM
http://webroad.pl/html5-css3/2746-block-element-modifier-w-css

Szablon ciekawy.

Comments

czy to, że używam html 4 i robie wszystko na divach jest czymś złym??

trudno mi siue przstawić na html5 bo praktycznie wszystko sie pozmieniało. np. niw widze sensu zmieniana diva id nav na <nav> div o clasie post na <article>itp.

oprócz tego, co miałeś na myśli wspominając tutaj o metodologi BEM?? przecież używam np. post, post-title, post-content, post-author itp.?

---

No jest złym, bo kod nie jest praktycznie semantyczny - same DIV'y w kodzie. To jest na prawdę proste, uwierz mi ;) http://tutorials.comandeer.pl/html5-blog.html

<div id="nav"> nic w ogóle nie mówi Googlowi podczas indeksowania strony, strona też traci na Dostępności
https://pl.wikipedia.org/wiki/Dost%C4%99pno%C5%9B%C4%87_(WWW)

oprócz tego, co miałeś na myśli wspominając tutaj o metodologi BEM?? przecież używam np. post, post-title, post-content, post-author itp.?

Rzeczywiście, ale nie powinno się używać [id]

---

jpacanowski - a słyszałeś kiedyś o semantyczności w CSS? To jest także brane pod uwagę jeżeli idzie o SEO, ale i tak powinno się stosowaćtagi semantyczne.

Co do BEM - tworzenie klas czy id(których nie zaleca się stosować ze względu na mieszanie w PE czy brak możliwości skalowania treści na stronie) o nazwach post, post-title, czy post-comment to nadal nie jest zupełny BEM. On opiera się na nieco inych zasadach, jest całkiem fajne to widać w bootstrapie.

---

Możesz podać jakieś źródło o semantyczności w CSS, albo napisać coś więcej? Pierwszy raz o tym słyszę aby CSS wpływał na SEO... Czyli te 2 myślniki w nazwach klas mają znaczenie?

---

https://css-tricks.com/semantic-class-names/

 

Semantyka w css wpływa też na czytelność strony poprzez osoby trzecie ;)