0
\$\begingroup\$

I want to know if I can use a header tag in footer inside section. I also want to know if this follows SEO.

For example, I made four section boxes in footer:

<footer>
<div class="ftr_top"><img src="media/footer.png"></div>
<div class="ftr_bottom">
<section class="ftr_section">
<header class="ftr_head">
<h3>Box 1</h3>
</header>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</section>
<section class="ftr_section">
<header class="ftr_head">
<h3>Box 2</h3>
</header>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</section>
<section class="ftr_section">
<header class="ftr_head">
<h3>Box 3</h3>
</header>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</section>
</div>
</footer>
\$\endgroup\$

1 Answer 1

5
\$\begingroup\$

It's not valid HTML5 to have a <header> element inside a <footer> element. You could have checked this yourself on this site:

http://validator.w3.org/check

For using <header>, <footer> and <section> correctly, see this page:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer

For even more technical details, see the HTML5 specification:

http://www.w3.org/TR/html5/sections.html#the-footer-element

Special thanks to @amon for the links!

\$\endgroup\$
2
  • 1
    \$\begingroup\$ It is the general consensus by web developers that the “w3schools” website should not be used as a reference. I recommend you link to the Mozilla Developer Network instead. It's page on <footer> clearly states that it cannot include a <header>. You could also link directly to the description of <footer> in the HTML5 specification. \$\endgroup\$
    – amon
    Commented Sep 6, 2014 at 8:06
  • \$\begingroup\$ Thanks @amon, I wasn't aware that w3schools is so bad. I updated my post using the better links you gave. \$\endgroup\$
    – janos
    Commented Sep 6, 2014 at 8:51

Not the answer you're looking for? Browse other questions tagged or ask your own question.