Semantic HTML5: footer tag position

Question

I got something like that:

<div>
    <header>
        //My content
    </header>
    <nav>
        //My nav
    </nav>

    <footer>
        //My footer content
    </footer>
</div>

Is it semantically correct to move my footer tag outside the div id="page" so to have:

<div>
    <header>
        //My content
    </header>
    <nav>
        //My nav
    </nav>
</div>
<footer>
  //My footer content
</footer>

I think yes, but not 100% sure. I accept advices.

Thanks

Answer 1

It really depends on how you interpret the definition of the footer tag:

A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.

Personally, I'd use the first example. The contents of the <div> act as one section of your document.