Question

I began learning html/css and throughout my learning I have seen the idea of semantics stressed heavily. Most of the time I understand what I should be using and everything works out fine. But there are many times when it feels like there are far too many tags for something simple, for instance:

suppose I have a master header on my site with some links for navigation, semantically I get this:

<section id="masterHeader">
    <header>
        <nav>
            <ul>
                <li><a href="#"> link </a></li>
            </ul>
        </nav>
     </header>
</section>

Is this too much, or should I be doing this as it does make complete sense? It just seems like a lot of unneeded tags.

Answer 1

it seems quite unnecessary to have your header tag within the section tags. instead, it should look something like this:

<header id="masterHeader">
    <nav>
        <ul>
            <li><a href="#"></a></li>
        </ul>
    <nav>
</header>