Archive for the ‘Attributes’ Category

HTML5 Custom Data Attributes (data-*)

Have you ever found yourself using element class names or rel attributes to store arbitrary snippets of metadata for the sole purpose of making your JavaScript simpler? If you have, then I have some exciting news for you! If you haven't and you're thinking, Wow, that's a great idea! I implore you to rid your mind of that thought immediately and continue reading.

Continue Reading »

Your Questions Answered #5

We’re back with our first round up of your questions for 2010. In this article we’ll be covering a range of topics including sections and sectioning, the img element, scaling video and a proposal for a field element.

Continue Reading »

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 [...]

Continue Reading »

Your Questions Answered #4

Here we go with another post rounding up your HTML5 questions and sharing the answers with the world. We cover a wide range of topics this time, inlcluding ARIA, storage, offline capabilities, and document outlines, so read on to find the answers.
We also want to know what areas of HTML5 you’d like us to [...]

Continue Reading »

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 [...]

Continue Reading »

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 [...]

Continue Reading »

The video element

The <video> element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it.
Of course, this will only work in a few browsers: Safari 3.1+, Firefox 3.5+, [...]

Continue Reading »