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.
HTML5 Custom Data Attributes (data-*)
The article element
We’ve discussed a lot of new elements here at HTML5Doctor, but the article
element has somehow escaped the microscope… until now! article
is one of the new sectioning elements. It is often confused with section
and div
but don’t worry we’ll explain the difference between them.
Your Questions Answered 9
The Doctor is in with another round of patient questions about HTML5. This week, we’ll cover offline viewing on requests, the drag-and-drop API, using href
on any element, the <figure>
element, and headings.
The ruby element and her hawt friends, rt and rp
The <ruby>
, <rt>
and <rp>
elements allow us to add ‘ruby’ phonetic annotations in languages like Japanese and Chinese. Despite the terrors of internationalisation and patchy browser support — with a little fiddling and a lot of caution — this sexy threesome with adorable accents are ready to use now.
Your Questions Answered #8
We’re back with more of your questions (and our answers) about HTML5. In this article, we’ll discuss using a <footer>
at the top of your markup, how to skip to certain parts of a video, styling form elements and attributes, and more.
Your Questions Answered #7
Here we are again with another round up of patient questions about HTML5. In this article, we’ll be covering a host of topics including AJAX, the eternal question of div
or section
, how to markup multiple blocks of content in a sidebar and using header
with hgroup
.
HTML5 Doctor Speaking and Training Appearances
Even after slaving away at the web’s operating table, the HTML5 Doctors still find time to speak about HTML5 at industry events. We’d like to make sure you don’t miss out on future chances to see the doctors in action.
The figure & figcaption elements
In traditional printed material like books and magazines, an image, chart, or code example would be accompanied by a caption. Before now, we didn’t have a way of semantically marking up this sort of content directly in our HTML, instead resorting to CSS class names. HTML5 hopes to solve that problem by introducing the <figure>
and <figcaption>
elements. Let’s explore!
Your Questions Answered #6
We’re back with another round of patient questions about HTML5. In this article, we’ll discuss using multiple <h1>
s, audio codecs, microformats, post bylines, and the <time>
element.
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”).