błąd w kodzie?

[Kartofelek]

Twoje pytania pokazują jasno, że nie wiesz zupełnie co to jest semantyka kodu.

Jeszcze raz przytoczę ci mój kawałek kodu:

Kod:

<div class="container">
    <h1 class="header"></h1>
    <div class="main">
        <div class="menu"></div>
        <div class="content"></div>
        <div class="right_bar"></div>
    </div>
</div>

A teraz w twoim zapisie:

Kod:

<center>
<div class="2"></div>
<div class="3">
<div class="4"></div>
<div class="5"></div>
<div class="6"></div>
</div>
</center>

Widać różnicę?
To teraz szybko wstaw menu w odpowiedniego diva. Którego? No tego, w którym ma być menu I zaczynają się schodki.

Sementyka to gramatyka pisania. Jeżeli h1 oznacza "tytuł, nagłówek", to wsadzanie w nią tylko menu strony jest błędem semantycznym. Powinien znaleźć się tam nagłówek strony lub jej tytuł w formie jak najbardziej dostępnej - czyli tekstowej. Oczywiście potem zmieniasz go tak, by wyglądał tak jak ty chcesz, ale od tego jest CSS.

Czyli zamiast

Kod:

<h1>
<div>
<a>....</a>
<a>....</a>
</div>
</h1>

lepiej zrobić tak:

Kod:

<h1>Tytuł strony</h1>
<ul class="menu">
<li><a>.....</a></li>
<li><a>.....</a></li>
</ul>

A czemu ul zamiast div? Bo menu to zazwyczaj lista linków. Lista = ul/ol. Czyli pasuje jak ulał. Ale to też kolejna regułka z gramatyki html ;]

Jeżeli np <br> oznacza złamanie linii, to wykorzystywanie <br><br> do robienia odsępu jest błędem. Teoretycznie przy mocno statycznej stronie nie będzie to miało super wielkiego znaczenia. W końcu <br><br> wyglada tak samo jak np margin-top:20px; ale wystarczy drobna zmiana na całej stronie, być zaczął wyrywać sobie włosy z głowy.

Kilka lat temu tak samo się dziwiłem czemu niektóre znaczniki nie pasują w niektóre miejsca. Teraz nie wyobrażam sobie takiego utrudniania życia przez "gotowanie" tagowej zupy.
Ciężko polecić mi coś konktrenego - jakiegoś tutka. W polskim necie jest śmiech na sali. Mało która wypozycjonowana strona coś dobrze tłumaczy.