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\$
3
\$\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 Sep 6 '14 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 Sep 6 '14 at 8:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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