CSS Hrou v HTML 5
Vačšinu svojho vóľneho času trávim študovaním CSS3, tento týždeň som si našiel čas aj na HTML 5 a rozhodol som sa, že CSS Hrou do neho nahodím. Nie je to síce 100%, ale postupne sa to bude doladovať. Použil som tagy ako HEADER, NAV, ARTICLE, TIME a FOOTER, tým pádom sa znížil počet divov a kód stránky je ešte viac prehladnejší.
Editácia :
Doladil som komplet CSS kód a zjednotil zobrazovanie stránky v prehliadačoch.
Zabŕdnem – úlohou je vyvolať v prehliadačoch Standards mód. Tým, že na začiatku máš komentár, vyvolávaš v Exploreri Quirks mód, je to nepekne rozpadnuté.
Mimochodom atribút type elementu je (našťastie) nepovinný, môžeš ho vynechať.
Starší Firefox bude nové elementy ignorovať, ak ti na ňom záleží, môžeš použiť MIME typ application/xml, menný priestor http://www.w3.org/1999/xhtml a display:block na section, nav atď. V X(HT)ML tieto elementy ignorované nie sú.
Inak som si nikde nevšimol sémantický element , kde je? :)
Ten nápad s HTML5 je inak výborný, nepridal by si do kategórie “Selektory, atributy, css3, html5″ demo rôznych HTML5 srandičiek, napríklad contenteditable, apod.?
Kurnik, odrezáva mi to tagy…
…úlohou [!doctype html] je vyvolať…
…atribút type elementu [script]…
…sémantický element [menu], kde je?…
…contenteditable, [video] apod…
juraj starsie prehliadace nepodporujem, aspon tie od firefoxu. na doladeni webu pre IE pracujem, pre menu je pouzity tag NAV
@juraj ked budem pracovne menej vytazeny, urcite nieco pridam
Díky, to som rád. Možno aj ja niečo zbúcham, tak ti to pošlem na mail.
Dolaďovanie pre IE riešiť nemusíš, fakt stačí, že «!doctype html» dáš na prvý riadok, pred ten komentár. (ak máš IE8, stlač F12 (otvorí sa Developer Tools) a potom Alt+8 (spustí sa Standards mód, je to zobrazené výborne)
@juraj to pre ie8 mi netreba, hlavne, nech to je na stred, to teraz riesim
Vážne, počúvaj ma. Pred doctypom je komentár, preto sa spúšťa Quirks mód. Daj «!doctype html» na prvý riadok a pôjde to!
Tú vec s IE8 som ti povedal preto, aby si videl, ako sa to zobrazí, keď sa zapne standards mód (čo zabezpečíš tým doctypom na prvom riadku).
@juraj ten problem so stredom nema nic spolocne s doctype.. pozri si ine stranky v html5, su riesenie rovnako, ako moja, aj doctype je rovnaky..
@juraj a ten doctype tam predsa mam uz od zaciatku :)
Nie, ty máš toto:
1:
2: [!-- csshrou v HTML 5 --]
3:
4: [!DOCTYPE html]
Vidíš, !DOCTYPE je na 4.riadku, pred ním je komentár! Veď si pozri kód.
To, že komentár je pred !DOCTYPE, spôsobuje v Exploreri zapnutie Quirks módu. Staré Explorery nepodporovali margin:auto, ktorý používaš na centrovanie. Prehliadače v Quirks móde simulujú staré prehliadače, preto sa aj nový Explorer správa ako IE5 ;-)
@juraj vdaka ti :)
Niet začo :) keď prídem do MT, pozveš ma na pivo :D