Differences between XHTML and HTML5

  1. The "scheme" attribute is no longer used in meta descriptions - instead there is a "title" attribute.

  2. Dreamweaver CS4 does not have a validation setting for HTML5 so we must use the W3C Validator.

  3. All special characters must be converted - even those in comments and other markup. This is tricky without a DW validation as W3C Validator just tells you that it can't validate the page because there is a special character not coded properly, it doesn't say the type of character causing the problem.

  4. Use <abbr> instead of <acronym>. This is easy to fix with a Find and Replace.

  5. In the breadcrumb area, each list item needs the "rel" attribute (which describes the page's relation to the rest of the site). The value "up" is used to designate what level the current page is at in the navigation path.

    For example:

    <ol>
    <li><a rel="up up" href="home.html">Home</a></li>
    <li><a rel="up" href="../level1.html">Level 1</a></li>
    <li>Current page</li>
    </ol>

  6. Most of the new HTML tags (header, footer, etc.) will be in the template, but the <section> tags will have to be added manually. Because a section can end at essentially any type of tag, there is no dependable automated way to predict where the closing </section> tags should go.

    On section tags: The opening <section> tag goes above a heading tag (h1, h2, etc.). The closing one goes at the end of that particular section, and they nest. So, for example:

    <div>
    <section>
    <h1>The first heading</h1>
    <p>Some content</p>
    <section>
    <h2>Second heading</h2>
    <p>More content</p>
    </section>
    <section>
    <h2>Another second level heading</h2>
    <p>Content</p>
    <section>
    <h3>This is where it gets tricky</h3>
    <p>Third level content</p>
    </section>
    <p>This content belongs to the h2 above</p>
    <section>
    <h3>Another h3 section</h3>
    <p>Don't forget to close all open sections</p>
    </section>
    </section>
    </section>
    </div>