Download Modernizr 2.6.2
Use the Development version to develop with and learn from. Then, when you’re ready for production, use the build tool below to pick only the tests you need.
HTML5
HTML5 ist eine "Markup Language" um Inhalte im Web zu strukturieren und zu präsentieren. Oktober 2009 wurde der Last Call Working Status erreicht.
Aber auch noch heute im Oktober 2012 ist die Entwicklung noch nicht voll abgeschlossen.
Im September 2012 stellte das W3C den Plan vor ein "stable release html5" bis Ende 2014 zu erreichen.
Eine HTML5.1 Spezifikationsvorschlag soll dann bis Ende 2016 vorliegen.
HTML5 brachte viele neue Features. Das beinhaltet unter anderen <video>, <audio> und <canvas> und die Integration von "scalable vector graphics (SVG)" . Es wird dadurch für Webdesigner einfacher, Multimedia- und Grafikinhalte in die Webseiten zu integrieren, ohne proprietäre Plugins und API's zu verwenden.
Weitere neue Elemente wie <section>, <artikel>, <header>, <aside> <nav> betreffen den semantischen Inhalt. Hierdurch wird es für Screenreader einfacher, die Seiten zu interpretieren. HTML5 definiert nun auch wie ungültige Dokumente zu behandeln sind, damit Syntaxfehler von den Browsern einheitlich behandelt werden können.
HTML5 Browsercheck
Nicht jeder Browser kennt bereits alle neuen Features von HTML5
Wenn Sie wissen wollen, welche Features ihr Browser kennt, dann können sie das mit einem Mausklick feststellen. die Webseite haz.io liefert ihnen das hübsch aufbereitet. Sie benutzt dazu die Library Modernizr
Browsercheck Welche HTML5 Featurures kennt der/ihr Browser
Modernizr
Details / summary
Diese Feature liefert ihnen diese Art Aufklappboxen.
Bisher hat nur Webkit diese Feature vollständig integriert. Hier habe ich eine javascript Fallbacklösung : details Fallback
Bisher hat nur Webkit diese Feature vollständig integriert. Hier habe ich eine javascript Fallbacklösung : details Fallback
Geolocation
Interact
der Breitengrad ( LAT ) und der Längengrad ( LON ) müssen an maps.google.com übergeben werden. Für die Ermittlung ist die Erlaubnis des Anwenders erforderlich. Dabei wird aber nur die Position des Servers des Providers ermittelt.(
Diese wird hier mit navigator.geolocation.getCurrentPosition ermittelt und
liefert die Position position.coords.latitude and position.coords.longitude zurück.
https://developers.google.com/maps/documentation/business/guide?hl=dehttps://developers.google.com/maps/documentation/geocoding/
https://developers.google.com/maps/documentation/javascript/services?hl=de
https://developers.google.com/maps/documentation/javascript/services#Geocoding
https://developers.google.com/maps/documentation/geocoding/
https://developers.google.com/maps/documentation/geocoding/#ReverseGeocoding
http://stackoverflow.com/questions/10932496/how-to-combine-geolocation-and-multiple-markers-using-javascript
http://merged.ca/iphone/html5-geolocation http://maxheapsize.com/2009/04/11/getting-the-browsers-geolocation-with-html-5/ http://www.ip2location.com/html5geolocationapi.aspx
http://abkeya.com/blog/2011/02/using-navigator-geolocation-getcurrentposition-to-display-user%E2%80%99s-current-location-on-google-map-and-getting-user-input/
https://developers.google.com/maps/documentation/javascript/streetview
Links:
W3C HTML5A vocabulary and associated APIs for HTML and XHTML W3C Working Draft 11 October 2012
HTML5 logo
http://www.w3.org/html/
what-is-html5-and-why-all-the-fuss
http://html5-webdesign.de/Sitemap.html
http://www.howtocreate.co.uk/tutorials/javascript/dombasics javascript tutorial
http://javascript.crockford.com/
http://pseudelia.wordpress.com/2010/03/13/javascript-dateien-effizient-ubertragen-mit-gzip/