Subrouting and nested levels

[Nullest]

Hi everyone, i'm the only one who doesn't understand the subrouting yet? I can't move on in my projects, i just don't get it :( i read and watch videos about it but nothing...

With app-route :

<app-location route="{{route}}"></app-location>
<app-route
    route="{{route}}"
    pattern="/:page"
    data="{{routeData}}"
    tail="{{subroute}}">
</app-route>
<app-route
    route="{{subroute}}"
    pattern="/:id"
    data="{{subrouteData}}">
</app-route>

As in Docs says, the second app-route element consumes the objects generated by tail right?
If i have this in the Home section, how would be if i want to add a <a href="/home/othersection>Go to other section</a>