Najlepsze praktyki nazywania divów w początkowym layoucie i jego prawidłowa budowa

Odpowiedz Nowy wątek
2015-02-19 09:49
0

Jeżeli mamy tu jakiś profesjonalnych frontendowców chciałbym prosić Was, żebyście się podzielili swoją wiedzą odnośnie nazywania m.in. divów i budowy layoutu. Wiem, że trzeba je nazywać tak żeby było wiadomo o co chodzi, ale czy są jakieś standardy? Czy ilość tych divów wpływa jakoś na pozycjonowanie strony i jej "jakość"? Mam na myśli fakt, czy mogę sobie pozamykać w divy tyle rzeczy ile mi się podoba, czy np. dobrze jest sie trzymać jakiś granic. Jak to w programowaniu bywa, nie wystarczy że działa, bo często jak coś źle zrobimy to mimo iż wygląda dobrze to ma swoje konsekwencje.

Jakie są dobre praktyki i jakie rady dalibyście zółtodziobowi, żeby później ktoś się nie zapytał mojego klienta: "Panie, kto Pana tak skodował?".

<div id="container">
  <div id="header">
    <div id="header_logo"></div>
    <div id="horizontal_navigation"></div>
  </div>
  <div id="left_sidebar">
    <div id="vertical_navigation"></div>
    <div id="events"></div>
    <div id="links"></div>
  <div id="content"></div>
    <div id="top_content">
    <div id="middle_content">
    <div id="bottom_content">
  </div>
  <div id="footer">
</div>

„Every Pro was once an amateur, every expert was once a beginner.”
edytowany 1x, ostatnio: Fi3rce, 2015-02-19 09:51

Pozostało 580 znaków

2015-02-19 10:35
1

Zainteresuj się HTML5. Divy są przeźroczyste dla google. A w HTML5 masz takie fajne znaczniki jak footer, article, section...

No i trochę za dużo tych ID. O ile rozumiem jeszcze content, to już jego dzieci top middle bottom nie bardzo - można to zastąpić klasami. A zaraz jeszcze wpadnie bodajże @winerfresh i Ci powie, że ID to samo zło do stylowania i powinieneś używać tylko klas.


Pozostało 580 znaków

2015-02-19 10:58
uuuuuu
1

id używaj tylko jak chcesz się dostać do danego elementu z javascriptu i występuje on w ilości: 1

i widzę że cierpisz na div manie
dla list skorzystaj z ul, dla headerów z h1 - h6, jeżeli korzystasz z html5 to jak wyżej

Pozostało 580 znaków

2015-03-13 10:41
2

O kilku popularnych typach nazewnictwa możesz poczytać tutaj: http://sixrevisions.com/css/standardized-methods-for-css/

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0