Untitled

<!--

    <dart-anchor>           is a place holder
    <dart-wrap-around-me>   takes some other HTML and wraps the source around it
    <dart-location>         copies the inner code to somewhere else

-->

<!--
-- file 1: main.html
-->

<!doctype html>
<html>
<head lang="en">
    <title>Hello World</title>
</head>
<body>

<dart-anchor name="menu"></dart-anchor>

<dart-anchor name="main"></dart-anchor>

</body>
</html>

<!--
-- file2 2: userpage.html
-->

<dart-wrap-around-me src="main">

    <dart-location target="menu">
        <a hre="#">menu 1</a>
        <a hre="#">menu 2</a>
    </dart-location>

    <dart-location target="main">
        <h1>this is the header</h1>
    </dart-location>

</dart-wrap-around-me>