This Blog Is Now HTML5

After having been convinced of the simpler boons of HTML5 by James, last night I finally understood the more long-term boons by reading this piece by Jeffrey Zeldman. Shortly after, I converted this blog from XHTML to HTML51. It involved changing:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/1">

… to:

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>

That was pretty much all there was to it. “That’s it?” and “Sure it’s simpler but is that really all there is to HTML5?” you ask. Of course not, and certainly I’m not using all the semantic new tags like footer and header yet, but I don’t have to, and that’s part of the point. It’s really all better explained by the simple quote that did it for me:

[HTML5's] introduction of a limited set of additional semantic elements, its instructions on how to handle failure, and its integration of application development tools hold the promise of richer and more consistent user experiences, faster prototyping, and increased human and machine semantics.

Translated into a bit less of an elegant but more readable statement, it basically means that you should use HTML5, because it’s less code to write, which makes it faster to work with. In addition, it handles errors better and in the future when we get to use the new tags, screen-readers will have a much better idea of what it is you’re trying to write.

This house is clear.

  1. A note on validation: right now not everything validates, but in fairness, the XHTML that came before didn’t validate either, and since I’m redesigning, I won’t fix it now.  

Responses to “This Blog Is Now HTML5”

  1. I see you changed <head profile="http://gmpg.org/xfn/1"> to just <head>. Does that imly that XFN attributes are already included in HTML5 because I can’t recall reading anything about that…?

    • Joen says:

      I did that because the beta validator told me so to (edit).

      Impressionable as I am, that means I simply assume that the profile attribute has somehow been made obsolete by people smarter than me.

    • Hm, that’s strange… because when I was more active in the HTML5 WG I recall they added a rel=”contact” which actually conflicted with the XFN profile…

      Ah, we’ll see once it’s done.

      And thanks for the article! I’m going to switch my sites over to HTML5 as well these days.

    • Joen says:

      Alexander Graf: And thanks for the article! I’m going to switch my sites over to HTML5 as well these days.

      No worries, and go for it. Nothing breaks, and if it does, it breaks more nicely.

  2. Levi says:

    I’m convinced, just replaced the doctype on a site I’m working on at the moment. My site will follow shortly after. :)

  3. zcorpan says:

    rel=contact was dropped from HTML5.

    The profile attribute is indeed obsolete. Microformats consumers ignored it anyway.

  4. I’m glad to welcome you to HTML5. Please make yourself comfortable, do like you’re at home. Grab a beer, there’s cold ones out back.

    :)