[HTML5] Ocena semantyki

[Raalsky]

Witam

Ostatnio zająłem się przerabianiem HTML5 i teraz mam prośbę do tej bardziej denerwującej części forum - zaawansowani użytkownicy. Chciałbym wiedzieć, czy mój HTML jest dobrze napisany. Nie chodzi tutaj o poprawność względem Schematu czy też DTD. Skupiamy się wyłącznie na semantyce. Czy poprawnie osadziłem znaczniki? Czy są one odpowiednio dobrane (gdzie powinno być aside/section czy aricle). Czy dało by się to zrobić lepiej? Czy użycie tych 2-3 klas to dobry nawyk?

Strona do pożarcia dla was - czepiajcie się czego możecie: http://www.raalsky.tk/gassa/

Post Scriptum: Co jest przyczyną problematycznego wyświetlania się strony w Firefox 3? - sprawdźcie w Browserlab od Adobe. Wygląda na to, że nie obsługuje on części CSS użytego przeze mnie.

P.S. #2(nie, nie Play Station): Dlaczego validator.nu wywala błąd przy hgroup? Pomijam "/" jako href w a - brałem to od Bruce Lawsona. Potem poprawię na "#" albo index.html.

Pozdrawiam

[Kartofelek]

no niby ok

Kod:

<a href="/" class="select"><li>Start</li></a>

ale tutaj można podyskutować

no i tutaj masz za dużo

Kod:

<link rel="stylesheet" href="style.css" type="text/css" />

type nie potrzeba.
No i zamknięcie na końcu - wcale nie potrzebne - zresztą o tym wiesz bo wyżej tego nie używasz

a tak to bardzo fajny kod.

[Raalsky]

Okej. Poprawiłem.

Wyjaśni mi ktoś dlaczego validator nie dopuszcza następującej składni?

Kod:

<ul>
<a href="index.html"><li>Kategoria</li></a>
</ul>

Validator.nu sprowadza się do wyświetlenia komunikatu o błędzie i informacji, że element <a> nie jest dzieckiem elementu <ul>. Wydawało mi się, że taka składnia jest poprawna. Widziałem to gdzieś w przykładach, które publikował Bruce Lawson w książce "Introducing to HTML5", którą pisał wraz z Remy Sharpem.

Teraz będę musiał trochę zmienić style z powodu zmiany konstrukcji DOM dla tego elementu.

[zacharij]

Validator nie dopuszcza takiej składnie ponieważ pomiędzy znacznikami:

Kod:

<ul> i </ul>

może znajdować się tylko i wyłącznie:

Kod:

<li> i </li>

dopiero pomiędzy te znaczniki możesz pakować co Ci pasuje.

[Raalsky]

Tyle to ja wiem. Chodziło mi bardziej, że widziałem podobny kod u dość dobrych osób. Chciałem jedynie wiedzieć czy można pominąć tutaj akurat poprawność.

Dobra. Ważniejsza sprawa. W jaki sposób poprawić wyświetlanie się tego kodu w przeglądarce Firefox 3?

Oraz jak obejść coś takiego:

Kod:

div > nav {
...
}

Jeśli przeglądarka (IE6) nie obsługuje selektora potomka? Gdzieś czytałem o tym bugu.

[beny]

osobiście, jeśli już w ogóle chce mi się bawić w IE6, to rozwiązuje to przy pomocy JS