---
# System prepended metadata

title: Routing Brainstorming

---

# Routing Brainstorming

```htmlembedded=
<a href="/url">here</a> => http:///url

<a q:target="o1" href="/url">here</a> => http:///url?q:outlet=o1

```



```htmlembedded=
<body>
  <nav>
    {navs.map((i) => 
       <a href={i.url} on:click={() => {
           navigate('main1', this.url)
         } class={i==this}>doc1</a>)}
  </nav>
  <main>
    <div q:frame="main1">
    
    </div>
    <a q:target="main1" href="/doc1">doc1</a>
  </main>
</body>
```