HTML5
ondersteunen dan alle browser HTML5 of zijn der dan sommige tages die wel werken in nieuwe browser en niet in de oude.
Zal nog wel een tijdje duren dus voordat het echt bruikbaar is.. :)
Edit: Heb even zelf gekeken op de link en in Firefox werkt deze dus ook blijkbaar nog niet, jammer.
Edit 2: Safari 4 kan de pagina al draaien, maar ziet er nog steeds niet zo goed uit als in Flash.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
Kortom, net als css3, het klinkt mooi en ziet er goed uit, maar voordat we het kunnen gebruiken zal nog wel zo'n 3/5 jaar duren. :)
Edit: Hier heb je een link naar a list a part, waarin ze laten zien hoe dat gaat werken met die "header", "section" etc. tags. Persoonlijk heb ik als ik dit zo zie, liever html4.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
Op het moment is er nog geen browser die volledige HTML5 ondersteuning bied, maar dat komt ook omdat HTML5 nog in ontwikkeling is, veranderingen die tijdens het ontwikkeltraject keer op keer voor komen elke keer doorvoeren kost teveel tijd, moeite en dus ook geld. Het is het gemakkelijkst om de dingen die niet meer veranderd worden (zoals de header, section, footer, menu tags) door te voeren.
@Mitchell
Wat het voordeel is van HTML5 (icm CSS3) is dat je veel duidelijker gescheiden secties hebt op je website. Waar je nu "<div id="menu"> gebruikt voor een menu is dat nu een HTML tag <menu>
Dit is voor jou natuurlijk minder typewerk, maar je bent gewend aan het werken met divs. Wat is dan nog meer een bijkomend voordeen? ZOEKMACHINES ;)
Google kan nu bijvoorbeeld zien dat iets een header is, welke op zich vaak geen/ weinig "nuttige informatie" betreffende het onderwerp bevat (behalve misschien de title (<h1> tag)
Daarbij ziet Google ook wat het menu (of de menu's) zijn op de website. Die kan die dan gemakkelijk indexeren/ meenemen in het downloaden van de pagina.
Het deel waar het om draait, de content kan de zoekmachine zo extracten omdat zich daar doorgaans de belangrijke informatie bevind waar de bezoeker naar opzoek is.
Komt nog eens bij dat het zo ook eenvoudiger wordt voor een screenreader om voor een blinde/ slechtziende (of natuurlijk iemand die zelf te lui is om te lezen en het zich voor laat lezen) om de belangrijke / nuttige delen uit te filteren. Het menu en de content zijn namelijk het belangrijkste voor een bezoeker.
Kortom, er zitten wel degelijk voordelen aan waar je nu nog niet zoveel van merkt/ ziet, maar ze zijn er wel. Het zal wel een hele omslag worden naar HTML5, vooral omdat veel browsers het nog niet ondersteunen. Wordt een top tijdperk voor de scripts die browsers bepalen en zodoende een pagina voorschotelen in HTML5 dan wel een oudere versie van HTML.
Dat zie ik zo 123 nog niet werken, het klinkt allemaal wel goed, maar niet iedereen, inclusief mijzelf willen zijn site op deze manier opbouwen, denk maar eens aan een "magazine" layout. Dit gaat daarvoor zeker een groot probleem worden. Wat ze beter hadden kunnen doen in mijn ogen is gewoon een extra property laten toevoegen aan tags, zoals <div id="menu" sect="menu">. Dit zorgt er dan voor dat html4 aan word gehouden, maar gewoon iets extra's word toegevoegd om het herkenbaarder te maken.
Het enigste html5 onderdeel waarop ik naar uitkijk is dat de flash plugin verdwijnt en dit word vervangen door o3d.
Maarja, voordat dit echt gebruikt zal worden, zoals al eerder is gezegd, zal nog erg lang duren.
CSS3 zal nog het langst duren eer het volledig af is, maar HTML5 wordt door sommige browsers al gedeeltelijk ondersteund. En ik maak toekomstige site's al gedeeltelijk in HTML 5. Want het is backwards compatible.
Zoals jij opmerkt van het <menu> tag, met css zeg je dat het box model moet zijn en dan ondersteunen alle HTML4 browsers het automatisch. Het is niet zo dat zij dan weten dat het een menu is, en ook niet dat je de inhoud van deze elementen niet zult zien he.
Bijvoorbeeld de video tag, bij niet html5 browsers zou je de alternatieve inhoud een flash object kunnen maken:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<video src="/vids/video1.mpg" >
<!-- Niet HTML5 Browsers tonen dit: -->
<object src="/swf/player.swf" >
...
</object>
</video>
<!-- Niet HTML5 Browsers tonen dit: -->
<object src="/swf/player.swf" >
...
</object>
</video>
En zo kan ik nog vele andere voorbeelden opnoemen..
Ik raad je even aan volgdende site's te bekijken:
http://www.css3.info/
http://dev.w3.org/html5/spec/Overview.html
http://www.whatwg.org/specs/web-apps/current-work/multipage/
Deze laatste toont welke browser een bepaald item al heeft geïmplementeerd
En trouwens dit hoort hier!
Gewijzigd op 01/01/1970 01:00:00 door Hipska BE
Ik gebruik al meer dan een jaar het video element in Safari/Webkit als test.
http://webkit.org/blog/140/html5-media-support/
Gewijzigd op 01/01/1970 01:00:00 door Hipska BE
Dan kan je net zo goed zeggen dat html5 even ver al is als css3, want css3 elementen zoals border-radius werken nu ook al in mozilla en webkit browsers, ook zijn veel andere tags uit css3 in sommige browsers al bruikbaar.
Om heel eerlijk te zijn vind ik het niet netjes dat je site's nu al begint te schrijven in html5 en dit dan fixed door html4 toe te voegen, dit zorgt voor extra markup en zelfs in de nieuwere browsers kan het zijn dat die nieuwe tags nog niet goed werken.
Ik volg overigens niet zo heel nauwkeurig de veranderingen naar html5, ben meer geïnteresseerd in css3.
Ik heb html5 nog niet toegepast in sites die live zijn. Enkel nog maar bij grote projecten die in ontwikkeling zijn en binnen een jaar online moeten zijn. Ik vind het dan wel zo netjes om ook de oudere browsers een werkende site te kunnen voorschotelen, dit gaat inderdaad ten koste van extra code, maar ik vermoed dat jij nu ook extra CSS hebt om IE6 volledig werkend te hebben? Wanneer mijn site's met html5 in de lucht komen, hoef ik niet te wachten tot alle browser alles van mijn html5 functionaliteiten ondersteunen, en kan het meteen ook werken met lapmiddeltjes (net als we allemaal bij IE6 deden: PNGfix, CSS, ...) in browsers die het niet goed ondersteunen. Voorlopig gebruik enkel HTML5 tags die in 1 of meerdere browsers (goed) werken. Het is weliswaar nutteloos om <progressbar> ergens te implementeren wanneer nog geen enkele browser het ondersteund he.
http://www.youtube.com/watch?v=xIxDJof7xxQ&eurl=http%3A%2F%2Fwww.whatwg.org%2Fdemos%2F2008-sept%2F&feature=player_embedded
Ah, ok. Ik begreep dat je html5 nu al gebruikte in live sites.
Verder denk ik niet dat het zo erg is om in een css stylesheet extra code te hebben, als het niet werkt word het namelijk simpel overgeslagen. Ook worden door veel mensen nog steeds geen shorthands gebruikt, dus die kleine aantal regels voor die css3 elementen is in vergelijking nog niet zo erg. Daarintegen kunnen browsers wel heel gemeen gaan reageren op die dubbele tags. Maarja, the future will tell..
IE6 ondersteun ik niet meer tenzij hier naartoe word gevraagd, ik let hierbij ook op welke doelgroep de site heeft. Tegenwoordig doe ik alleen nog IE7 fixes en begin ik al bijna te bouwen voor IE8 (aangezien hier al een melding voor update is geweest bij vista).
Trouwens -o-border-radius is voor opera? Heb deze nog niet eerder gezien.
Edit: Heb het gecontroleerd, ze waren wel van plan -o-border-radius te maken, maar dit werkt momenteel nog niet. Pas als opera ene "vega" klaar heeft.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
Alles met -o is idd css voor opera. (ik kan nu wel even niet vertellen of opera de border radius ook al heeft, maar het was als voorbeeld)
Maar zoals je zelf ook al zegt is het soort site en de doelgroep doorslaggevend. Ik maak waarschijnlijk andere type site's dan wat jij maakt.
Aan iedereen die enkele grote dingen zien van html5 raad ik het filmpje van WillemJan aan! Daar zie je ook dat heel wat dingen al door de gangbare browsers ondersteund worden. (Zelfs enkele die enkel IE al gebruikt)