[Solved] Converting HTML4 header into HTML5?

[tomasz86]

This is a very simple question.

Here’s the current code (example):

<ul id="nav">
    <li><a id="a" href="#">a</a></li>
    <li><a id="b" href="#">b</a></li>
    <li><a id="c" href="#">c</a></li>
    <li><a id="d" href="#">d</a></li>
    <li><a id="e" href="#">e</a></li>
    <li><a id="f" href="#">f</a></li>
</ul>
<h1>something</h1>

and after “conversion”:

<header>
    <nav>
        <ul id="nav">
            <li><a id="a" href="#">a</a></li>
            <li><a id="b" href="#">b</a></li>
            <li><a id="c" href="#">c</a></li>
            <li><a id="d" href="#">d</a></li>
            <li><a id="e" href="#">e</a></li>
            <li><a id="f" href="#">f</a></li>
        </ul>
    </nav>
    <h1>something</h1>
</header>

Is it really worth it to add the header and nav tags purely for semantic reasons?

CSS is exactly the same in both cases ( I don’t want to remove the #nav id from ul and use header ul instead as the former is more efficient when it comes to performance).

[Paulie_D]

Nope…you’re fine either way.

[Author]

Posts