Video: the track element and webM codec
There are a couple of interesting developments in the world of HTML5 multimedia that you’ll be interested in—the webM video format, and a proposed solution to HTML5 multimedia accessibility.
Articles by Bruce Lawson
Bruce evangelises Open Web Standards for Opera. He's a member of the Web Standards Project's Accessibility Task Force and the W3C Mobile Best Practices Working Group. Previously, he was technical lead for the Solicitors Regulation Authority site. He's been a tarot card reader in Istanbul, a volunteer pharmacist in Calcutta, a Bollywood movie extra in Mumbai and English tutor to a Princess' daughter in Thailand. Nowadays, he blogs at www.brucelawson.co.uk, is training for his blue belt in kickboxing and drinks too much Guinness.
The nsfw element
Among the new semantic elements for section, footer, header and the like, HTML5 also adds an element that can contain any other element and describes it as Not Safe For Work (commonly abbreviated to “nsfw”).
The time element (and microformats)
Microformats are a way of adding extra semantic information to a webpage using HTML classes — information like an event’s date and time, a person’s phone number, an organisation’s email address, etc.
They aren’t a “standard” per se, but they are a widely adopted convention within the geek community. And since they use an agreed-upon set [...]
Hello, summary and figcaption elements
The details and figure elements are saved from the crazed pecadillos of legend, dd/ dt and caption by these two freshly-minted elements, sent from Hickson over the weekend.
The section element
We doctors are a bunch of chums using HTML5 and writing about how we do it. And we realise that we’ve been using the section element incorrectly all this time. Sorry.
It’s bug report time!
As HTML 5 begins the last lap to the fabled W3C stage of Last Call, the editor Ian Hickson has requested that any problems with the spec be reported using the Bugzilla tool rather than simply the mailing list.
You need to register to use it, and then reply to a confirmation email. That’s it. [...]
“Block-level” links in HTML5
One new and exciting thing you can do in HTML 5 is wrap links round “block-level” elements. Find out how this works, why it works with true-life sample code.
HTML 5 + XML = XHTML 5
(Also available in Spanish Traducción de “HTML 5 + XML = XHTML 5″ and Portuguese.)
I like the xhtml syntax. It’s how I learned. I’m used to lowercase code, quoted attributes and trailing slashes on elements like br and img. They make me feel nice and comfy, like a cup of Ovaltine and The Evil [...]
Designing a blog with html5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, let’s look at marking up a blog.
Firstly what we’ll do is use the [...]