+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [HTML5] Ocena semantyki (/thread-html5-ocena-semantyki)
[HTML5] Ocena semantyki - Raalsky - 09-08-2011
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
RE: [HTML5] Ocena semantyki - Kartofelek - 10-08-2011
no niby ok
Kod:
<a href="/" class="select"><li>Start</li></a>no i tutaj masz za dużo
Kod:
<link rel="stylesheet" href="style.css" type="text/css" />No i zamknięcie na końcu - wcale nie potrzebne
- zresztą o tym wiesz bo wyżej tego nie używasza tak to bardzo fajny kod.
RE: [HTML5] Ocena semantyki - Raalsky - 10-08-2011
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.
RE: [HTML5] Ocena semantyki - zacharij - 10-08-2011
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.
RE: [HTML5] Ocena semantyki - Raalsky - 10-08-2011
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.
RE: [HTML5] Ocena semantyki - beny - 12-08-2011
osobiście, jeśli już w ogóle chce mi się bawić w IE6, to rozwiązuje to przy pomocy JS