background preloader


Facebook Twitter

HTML5Rocks. HTML5. HTML5 presentation. HTML5. A vocabulary and associated APIs for HTML and XHTML W3C Working Draft 4 March 2010 This Version: Latest Published Version: Latest Editor's Draft: Previous Versions: Editors: Ian Hickson, Google, Inc.


David Hyatt, Apple, Inc. This specification is available in the following formats: single page HTML, multipage HTML. Copyright © 2010 W3C® (MIT, ERCIM, Keio), All Rights Reserved. Abstract This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). Status of This document This section describes the status of this document at the time of its publication. If you wish to make comments regarding this document, please send them to (subscribe, archives) or (subscribe, archives), or submit them using our public bug database. Implementors should be aware that this specification is not stable. — HTML revisited. Elements and Attributes. How HTML5 will change the Web. Many folks who are just tuning into the HTML5 saga because of the battle between Adobe and Apple are surprised to learn that the push to create a fifth official version of the HTML specification began six years ago.

How HTML5 will change the Web

And that's just the first half of the story because the latest implementations, while nice, are far from standards. The HTML5 demos from Apple, for instance, are impressive, but they only run well on Safari. That's how slowly committees can work. The browser creators and other stakeholders have a big collection of ideas for improving the browser and the Web, and these are gradually coalescing into a fifth generation for the standard. But agreement takes time. While the jokes may sting and waiting for more general adoption is tiresome, it would be a mistake to simply ignore HTML5.

. [ Also on InfoWorld: Despite HTML5, Web designers have good reasons to cling to Flash for rich Web content. Dive Into HTML5. HTML5 Doctor, helping you implement HTML 5 today. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+ In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+

The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. Before we get started, consider using one of our HTML5 Templates or CSS Themes for your next project—that is, if you need a quick and professional solution.

Otherwise, it's time to dig into these techniques. HTML 5 is the next major version of HTML. Before we begin marking up the page we should get the overall structure straight: In HTML 5 there are specific tags meant for marking up the header, navigation, sidebar and footer. It still looks like HTML markup, but there are a few things to note: In HTML 5, there is only one doctype. Instead of using divs to contain different sections of the page we are now using appropriate, semantic tags. "What?! That's all! 12 resources for getting a jump on HTML 5. Recently I’ve seen a considerable amount of press on blogs and such regarding HTML 5, “the 5th major revision of the core language of the World Wide Web” (W3C).

12 resources for getting a jump on HTML 5

I have virtually no experience (yet) with HTML 5, so as I jump on the bandwagon and begin familiarizing myself with it, I thought I’d share some of the resources I’m reading along the way. So far from what I’m learning, the consensus among several of these articles seems to be this: The world isn’t ready for HTML 5 at large just yet, but we can begin preparing for it by using common, semantic selector names (header, nav, section, etc.) — or even new attribute names — derived from HTML 5 within our HTML 4.01 or XHTML 1.x documents. This is by no means an exhaustive list, just a start. In each of these you’ll find other resources to help you dig deeper. Photo Download: HTML5 (Infographic) HTML5 examples and demos.