zurb-foundation-5/doc/includes/tabs/examples_tabs_deep_linking.html

Foundation 5 for npm (no code modification from original repo)

<ul class="tabs" data-tab role="tablist" data-options="deep-linking: true">
  <li class="tab-title active" role="presentational"><a href="#tabs-deeplink-1" role="tab" tabindex="0" aria-selected="true" controls="tabs-deeplink-1">Tab 1</a></li>
  <li class="tab-title active" role="presentational"><a href="#tabs-deeplink-2" role="tab" tabindex="0" aria-selected="true" controls="tabs-deeplink-2">Tab 2</a></li>
  <li class="tab-title active" role="presentational"><a href="#tabs-deeplink-3" role="tab" tabindex="0" aria-selected="true" controls="tabs-deeplink-3">Tab 3</a></li>
</ul>
<div class="tabs-content">
  <section id="tabs-deeplink-1" role="tabpanel" aria-hidden="false" class="content active">
    <h2>First Panel Header</h2>
    <p>First panel content goes here...</p>
  </section>
  <section id="tabs-deeplink-2"role="tabpanel" aria-hidden="true" class="content" >
    <h2>Second Panel Header</h2>
    <p id="tabs-deeplink-content-2"> Second panel content goes here...</p>
  </section>
  <section id="tabs-deeplink-3"role="tabpanel" aria-hidden="true" class="content" >
    <h2>Third Panel Header</h2>
    <p> Third panel content goes here...</p>
  </section>
</div>