Multiple Linked Headings
Purpose
This structure is not supported. Multiple headings of the same size, each containing links. These will cause unwanted gaps in the menu panel. Additionally, this structure is not compliant to the HTML5 specification.
Code
<footer role="contentinfo" id="wb-info" class="visible-sm visible-md visible-lg wb-navcurr">
<div class="container">
<nav role="navigation" class="row">
<h2>Example Footer</h2>
<section class="col-sm-4">
<h3><a href="#">Heading 1</a></h3>
<h3><a href="#">Heading 2</a></h3>
</section>
<section class="col-sm-4">
<h3><a href="#">Heading 3</a></h3>
<h3><a href="#">Heading 4</a></h3>
</section>
<section class="col-sm-4">
<h3><a href="#">Heading 5</a></h3>
<h3><a href="#">Heading 6</a></h3>
</section>
</nav>
</div>
</footer>
Page details
- Date modified: