Between curating sites for the HTML5 gallery and answering readers’ questions here at HTML5 Doctor, I see a host of HTML5 sites and their underlying markup. In this post, I’ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them.
Avoiding common HTML5 mistakes
Your Questions #15
The clinic is busy as ever with more HTML5 ills. This week, we’ll cover marking up Wikipedia infoboxes, anchors in <hgroup>
, <figure>
for avatars, header(s), and how to use <code>
and <pre>
.
Your Questions #13
The clinic is getting busy with more HTML5 ailments. This week, we’ll cover server-side validation, immutable images with <canvas>
, retrieving drawn objects from a <canvas>
, creating custom tags, the role
attribute, and the effects of <hgroup>
on SEO.
Your Questions Answered #11
The clinic is busy as ever with more HTML5 ailments. This week, we’ll show you how (and whether) to store a <canvas>
on the server, whether to use <progress>
or <meter>
, more on <header>
, the placeholder
attribute, and HTML5 minification.
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.
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
.
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.
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.
September HTML5 spec changes
September being one month before the HTML5 spec goes to last call in October, there’s been a few significant changes to the HTML5 spec that we wanted to briefly share with our patients.