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.
The ruby element and her hawt friends, rt and rp
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!
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 hgroup element
One of the new elements defined in HTML5 is <hgroup>
, used for grouping titles with their associated subtitles. But why do we need <hgroup>
when we’ve already got the <header>
element? In this article, we’ll do our best to answer that question.
The small & hr elements
Two more HTML4 presentational elements that have undergone transmogrification to have semantics in HTML5 are <small>
and <hr>
The i, b, em, & strong elements
While many HTML4 elements have been brought into HTML5 essentially unchanged, several historically presentational ones have been given semantic meanings. Let’s look at <i>
and <b>
and compare them to the semantic stalwarts <em>
and <strong>
.
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.
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.
YouTube and Vimeo support HTML5 Video
Unless you’ve been hiding under an XHTML2 shaped rock for the past week or so you’ll know that both YouTube and Vimeo have announced plans to support the HTML5 video element.