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.
HTML5 Simplequiz #1
Video: the track element and webM codec
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 […]
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
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 […]