Forum PHP.pl

http://fabianconstructionltd.com/springer/

to mój pierwszy szablon html5/css3

dużo informacji nie znalazłem na polskich stronach dotyczących html5 i mam pytanie:

w html5 stosuje się <img src="images/slider.jpg" name="bt" width="654" height="140" alt="slider" /> czy <img src="images/slider.jpg" name="bt" width="654" height="140" alt="slider">

szablon wygląda ciekawie, kod jest przejrzysty

walidator wypluł dwa błędy:
1. użyj id zamiast name w img
2. nie umieszczaj header w footer

Ładny, może troszkę tylko w głównym contencie strony tego tekstu naćkane za dużo i za gęsto


Nie da się tego przenieść do css-a?

Raczej bez tej końcówki - to gniot z XHTMLa. Oczywiście błędu nie będzie bo zachowana jest kompatybilność wsteczna ze wszystkimi poprzednimi standardami, ale po co sobie utrudniać życie?

Ten post edytował ylk 17.05.2011, 13:43:57

mógłbyś rozwinąć swoją wypowiedź?

każdy tag musi być zamknięty, w ogóle XHTML był przejrzysty i skodyfikowany, ale co tu duzo mówić, teraz warto skupić swoją uwagę na html5

Miałem na myśli to, że XHTML wymagał domykania każdego tagu. I stąd trzeba było pisać <input />, <meta /> itp.. Czy to jest przejrzyste? Ja bym polemizował... HTML jako taki nigdy nie wymagał domykania wszystkich tagów (na pewno nie 4.01 transitional, scrict jak sama nazwa wskazuje jest bardziej restrykcyjny jeśli chodzi o składnię, ale nigdy go nie wykorzystywałem więc nie wiem). Poza tym XHTML wymagał również brania wartości wszystkich parametrów w sudzysłów, czyli wymuszał <div id="divik"> zamiast <div id=divik>. Kwestia preferencji - ja uważam, że wersja druga jest zdecydowanie bardziej czytelna, a i przy okazji jest mniej kodu i klepania. Na szczęście HTML5 nie ma żadnych takich restrykcyjnych wymagań - wystarczy wziąć jakąś stronkę wypluwającą błędy w validatorze z DOCTYPE HTML 4.01 lub XHTML i spróbować ją walidować jako HTML5 - wypluje zdecydowanie mniej błędów

Wg mnie to krok w dobrą stronę - daje to programiście większą elastyczność.
Przykładowo <a href=http://www.wp.pl> w html 4.01 transitional wywali błąd, bo wartość parametru zawiera inne znaki niż alfanumeryczne i "_", ale HTML5 już się nie pulta
I dobrze - po co wklejać cudzysłowy tam, gdzie nie są konieczne?

Tak czy inaczej - przepraszam za offtop. Jeśli chodzi o layout bardzo mi się podoba i na pierwszy rzut oka nie znalazłem nic, żeby się doczepić

Ten post edytował ylk 17.05.2011, 13:58:05

ja mam jedna uwage- dlaczego boczna kolumna nie zaczyna sie na rowni z lewa ?

Dokłądnie tak jak @ylk piszę. Tagi w HTML5 nie muszą być zamykane.

Ja doczepiłbym się do kontaktu

[HTML] pobierz, plaintext 
<li><img src="images/telefon.gif" alt="Telefon" /><details><img src="images/telefon-numer.gif" alt="801 022 322" /></details></li>
<li><img src="images/contact.gif" alt="E-mail" /><details><img src="images/email.gif" alt="801 022 322" /></details></li>
[HTML] pobierz, plaintext 

Oczywiście nie zmieniłeś sobie atrybutu alt, zagapienie, natomiast niezbyt fajnie trzymać takie dane w obrazku z nawet dopisanym altem. Zobacz hCard

+ ładna
+przejrzysta

-brak kolumn dla artykułu - wszystko jest "zbite".
-imo coś mi nie pasuje z tymi "folderowymi" zakładkami (dla content slider, menu textowe)

Ty mi tu XML nie obrażaj
cudzysłów jednak widać z dalsza

Ustawienie application/xhtml+xml też było pomocne to, że Strona wyświetla się teraz tak jak ma nie oznacza że jest ok zapomniałeś sobie diva zamknąć gdzieś potem może się okazać, że dodałeś coś co nie powinno się wyświetlać tak jak się wyświetliło.
Przy okazji w łatwy sposób pozbywałeś się trolli na IE dobry plusik nie?


co do strony odpal IE7, IE8 >
między innymi nazwy menu ci skaczą

Jeżeli chodzi o szablon strony to powiem Ci, że ładny. Strona ładnie się prezentuje i jest przejrzysta. Co do skryptu to też bardzo przejrzysty. W HTML 5 z tego co wiem nie ma wymagań takich aby pisać z tą końcówką "/" <img src="images/slider.jpg" name="bt" width="654" height="140" alt="slider" /> tak jak to miało miejsce w HTML 4. Natomiast jest jedna zmiana dotycząca "name", które powinieneś zastąpić "id", ponieważ w HTML 5 nie stosuje się już "name". Najlepiej kod sprawdzać validatorem i wtedy będziesz wiedział wszystko co jest nie tak.

Poprawny kod:

[HTML] pobierz, plaintext 
<img src="images/slider2.jpg" id="tb" width="654" height="140" alt="slider">
[HTML] pobierz, plaintext 

@walus16, a najlepiej to czytać wątek, w którym się pisze, bo poza Twoją opinią (2 zdania) reszta postu jest powtórzeniem tego, co już kilka dni temu było napisane...

Widzę że includujesz jQuery. Mam jedną uwagę do menu rozwijanego. Przy szybkim najechaniu na którąś pozycję rozwijaną menu otwiera się i zamyka, otwiera, zamyka itd. Jeśli chcesz pozbyć się tego "efektu" to zamiast slideUp (czy czego tam używasz), daj po prostu display("none"). Co prawda płynne zwijanie zniknie, ale razem z tym ten błąd. Dodam, że bug dotyczy FF (zarówno 3 jak i 4).

- nie podoba mi się wcięcie przed "strona główna" zastąpiłbym to jakimś obrazkiem
- w treści dałbym większe paddingi
- tak samo z wcięciem przy hover w menu - jak się przejedzie szybko po tym myszką to aż oczy bolą heh
- telefon wstaw przez cufon
- stopkę rozszerzyłbym jak górę (100%)
- wcięcie przy logu też jakoś mi nie podchodzi
- pomiędzy sliderem a boxami jest 5px odstępu a między boxami a treścią 3px.
- przyjrzyj się menu - jakiś ciemniejszy pasek zieleni coś się wkradł, albo to było celowe (po lewej łagodne przejście po prawej ostre)?

Ten post edytował Helid 28.05.2011, 12:43:34

nie wygląda mi to na bu, a jedynie na poprawne wykonywanie zakolejkowanych animacji,

aby miec poprawne zachowanie można posłuzyć się zwykła zmienną bool typu isAnimated i wtedy zignorować zdarzenie

W html5 tak jak w xhtml
<img src="images/slider.jpg" id="bt" width="654" height="140" alt="slider" />
czyli nie name lecz id jeśli potrzebne