Skip to main content

HTML5

HTML5 wird das nächste große Update der HTML-Spezifikation: Die W3C HTML5-Spezifikation bietet neue Features, zum Beispiel im Bereich Grafik (Canvas, SVG) oder Multimedia (Inline Video und Inline Audio). Außerdem wird es durch neue APIs für Entwickler einfacher, dynamische und interaktive Webauftritte zu gestalten. Wie CSS2.1 ermöglicht es auch CSS3 Designern und Entwicklern, HTML-Seiten einfach und ansehnlich zu gestalten.

Mehr Informationen zur Unterstützung von HTML5 bei der Internet Explorer 10 Platform Preview bekommen Sie auf dieser Seite.

Auf dieser Seite:
Tutorials | Blogs | Beispiele

Tutorials

Deutschsprachiger Videoserie rund um Webentwicklung mit HTML5 (Teil 1)

"HTML5 - Die Serie" erklärt anhand konkreter Beispiele, was hinter HTML5 steckt und wie man mit HTML5 und Technologien wie CSS3 und JavaScript eindrucksvolle Webseiten und Webanwendungen entwickeln kann. Folge 1 demonstriert, welche Neuerungen mit HTML5 kommen werden und wie es überhaupt zu HTML5 gekommen ist.

Kostenloser Download: HTML5 Cheat Sheet für Webentwickler

Kostenlos herunterladen, ausdrucken und neben die Tastatur legen: Das HTML5 Cheat Sheet zeigt u.a. welche neuen Tags und Attribute HTML5 mit sich bringt, wie man Audio-, Video- und Canvas-Elemente per JavaScript anspricht, was mit CSS3 und Geolocation alles möglich ist oder wie Sie Ihre Website mit "Pinned Sites" noch nützlicher machen.

Webcast: Internet Explorer 9 - alles rund um HTML5

Dieser Webcast richtet sich an alle Web-Entwickler, die Online-Inhalte für den Internet Explorer 9 erstellen möchten. Dariusz Parys liefert in seinem Vortrag eine Einführung in die Möglichkeiten von "HTML 5", zeigt am Beispiel des IE9 einige Demos zu diesem Standard und nennt hilfreiche Tools.

Entwicklerbeispiele zu HTML5 und CSS3

Die MSDN Library bietet diverse Beispiele zu den neuen Funtionen von Internet Explorer 9, speziell für Entwickler. Ein Teil der Beispiele demonstriert die neuen Möglichkeiten durch den Einsatz von HTML5 und CSS3. Außerdem werden Themen wie Pinned Sites, Beheben von Problemen auf Webseiten sowie Geolocation angesprochen.

Wie man mit HTML5 einen Audio Player zu seiner Webseite hinzufügt (engl.)

In diesem Tutorial erfahren Sie, wie man mithilfe von HTML5 einen Audio Player zu seiner Webseite hinzufügen kann, ohne auf das Angebot eines Drittanbieters zurückgreifen zu müssen.

Wie man Geodaten in einer Webapplikation nutzt (engl.)

Internet Explorer 9 unterstützt die Geolocation API, mit der Webanwendungen die Möglichkeit haben, den aktuellen geografischen Standort eines Rechners oder mobilen Gerätes zu bestimmen. Dadurch kann die Webanwendung dann dem User einen Mehrwert anbietem, indem Sie seinen Standort in einer Karte anzeigt oder aktuelle Umgebungsinformationen wir Nachrichten oder Wetter einspielt.

---> nach oben

Blogbeiträge des Internet Explorer-Teams (engl.)

Internet Explorer Developer Center - HTML5, CSS3, W3C, Webstandards | MSDN Online

DOM Range and HTML5 Selection
IE9 includes two new features that are great for web developers writing same markup: DOM Range and the HTML5 Text Selection APIs. DOM Range provides a simple, consistent way to extract and manipulate a piece of a document. It’s also the underlying unit of the HTML5 Text Selection APIs, which help you connect with one of the common ways that users interact with the browser – selecting text.
IE9, Opacity, and Alpha
IE9 introduces support for the CSS3 Color Module, including its popular opacity property. As we have done with other standards-based features, opacity is implemented so that the same markup used in other browsers just works in IE9’s ­standard mode.
The CSS Corner: CSS3 Selectors
CSS3 Selectors enable complex styling of webpages using simpler CSS and less script than previously possible. As we demoed back in November, and updated in March and May with the IE9 Platform Preview Builds, IE9 includes full support for CSS3 selectors. This is a feature which web developers requested and we are excited to fulfill this need.
The CSS Corner: About CSS Corners
The first time we used ‘The CSS Corner’ as a general blog post heading, Chris Wilson sent this feedback: “Many readers will think the post is about border-radius”. The very first comment proved him right within hours. Today, CSS Corner IS about the border-radius property, by far the most heavily requested feature of the CSS3 Backgrounds & Borders module.
The CSS Corner: Better Web Typography For Better Design
“Web design is 95% typography”. So much of the content produced and consumed on the web is text yet designers and users have been confined to a set of compatible fonts available across client operating systems. Escaping this typographical island has involved everything from cross-browser CSS workarounds, graphics-based solutions and even plug-ins, with trade-offs ranging from extra storage and bandwidth to reduced accessibility.

---> nach oben

Beispiele (engl.)

Internet Explorer Developer Center - HTML5, CSS3, W3C, Webstandards | MSDN Online

IMDb Video Panorama Demo
This sample will require an HTML5-compatible browser, such as Internet Explorer 9 Beta or Internet Explorer 9 Platform Preview.
IE Beatz Canvas Demo
This sample will require an HTML5-compatible browser, such as Internet Explorer 9 Beta or Internet Explorer 9 Platform Preview.
HTML5 Audio Player + XML Playlist
A simple audio player built using the audio element and IE9's improved XML support. This sample will require an HTML5-compatible browser, such as Internet Explorer 9 Beta or Internet Explorer 9 Platform Preview.

---> nach oben

Microsoft führt eine Onlineumfrage durch, um Ihre Meinung zur -Website zu erfahren. Wenn Sie sich zur Teilnahme entscheiden, wird Ihnen die Onlineumfrage angezeigt, sobald Sie die -Website verlassen.

Möchten Sie teilnehmen?