I've been coding a new intranet for my company and wanted to be able to import lots of files onto the same page, so that the information is still easily edited. However when I tried to open the file directly rather than through Visual Studios, the files do not import.

Is there something wrong with the way I have written this or is it not working for another reason?

```
<link rel="import" href="/Example.html">
<script>
    var link = document.querySelector('link[rel="import"][href="/Example.html"]');
    var content = link.import;
    var el = content.querySelector('#Example');
    document.body.appendChild(el.cloneNode(true));
</script>

```

Edit: To anyone who is facing the same issue with html imports, after further research I would suggest using an MVC Framework as this has a much simpler and effective method for importing.