Articles by Bruce Lawson

HTML5 Simplequiz #1

A few years ago, Dan Cederholm published a series of articles called Simplequiz in which he posed some options for marking up a specified piece of content and invited readers to choose the one they felt was the best way to mark that up. The value was in the comments in which people said why they made that choice and debated the options.

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.

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)

Please note that since this was written, <time>, datetime have been made more powerful, so this article is obsolete. Doctor Bruce has the low-down in his blogpost The best of <time>s. Microformats are a way of adding extra semantic information to a webpage using HTML classes — information like an event’s date and time, a […]

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

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 Dead on the telly. But you might not. You might want SHOUTY UPPERCASE tags, no […]

Designing a blog with html5

This article was updated 27 May 2014 to use the <main> element to denote the main content of the page (was previously <div>). 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 […]