Routable tabs documentation

Questions
1

At page
https://framework7.io/docs/routes.html#routable-tabs

Inside about.html page

<div class="toolbar tabbar toolbar-bottom">
<div class="toolbar-inner">
  <a href="./" class="tab-link" data-route-tab-id="about">About</a>
  <a href="./contacts/" class="tab-link" data-route-tab-id="contacts">>Contacts</a>
  <a href="./cv/" class="tab-link" data-route-tab-id="cv">>CV</a>
</div>

and at page
https://framework7.io/docs/tabs.html#routable-tabs

On the /tabs/index.html

<div class="toolbar-inner">
  <!-- additional "data-route-tab-id" must match to tab's ID in the specified routes -->
  <a href="/" class="tab-link" data-route-tab-id="tab-1">Tab 1</a>
  <a href="/tab-2/" class="tab-link" data-route-tab-id="tab-2">Tab 2</a>
  <a href="/tab-3/" class="tab-link" data-route-tab-id="tab-3">Tab 3</a>
</div>

What that ‘dot’ mean on anchor’s href attribute???
Which structure recommended???

2

I am confused too. I’ve have been playing with routable tabs in two days and I cant make it to work :hot_face: :hot_face:. I have exactly the same code posted here Tabs | Framework7 Documentation.