Oli.jp

2009 Articles

  1. Block-level links, HTML5 and Firefox

    Firefox breaks HTML5-style block-level links (a link wrapping block not inline elements) when they contain HTML5 semantic elements. The link and first contained element are closed, and multiple new links are inserted. Wrapping the link content in a <div> can help, but the resultant behavior may still appear due to another bug (the infamous packet boundary bug).

  2. 12 common problems with HTML5

    A summary of some common misconceptions about HTML5, with answers and links to more information. An informal FAQ, if you will.

  3. HTML5 structure—HTML 4 and XHTML 1 to HTML5

    A look at the differences between a basic HTML 4 and XHTML 1 page and the same page using HTML5’s structural elements, plus the CSS/JS required for support in browsers, adding HTML5’s semantics via <div class=""> to get around ‘the IE problem’, and a summary of why you should be thinking about HTML5 now.

  4. HTML5 structure—header, hgroup & h1-h6

    Looking at the <header>, <hgroup>, <h1>-<h6> elements, with examples of <hgroup> use and a discussion of HTML5-style heading element levels (basically <h1> almost everywhere).

  5. HTML5 charset declarations & validation

    Updated! An in-depth look at why the W3C Validator lists charset warnings & errors when using the HTML5 doctype, and what you should do about it. This bug has been fixed! <meta charset="utf-8"> is good to go.