<p dir="auto">Seen a few usages of this already:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;my-custom-element /&gt;"><pre class="notranslate"><code class="notranslate">&lt;my-custom-element /&gt;
</code></pre></div>
<p dir="auto">HTML5 spec says this is opening tag (previous versions handled it differently) and thus this fails silently and swallows up any following DOM. Compiler should probably warn / throw here if possible.</p>
<p dir="auto">Advantages:</p>
<ul dir="auto">
<li>We could use it in WebWorker, Server side, or with native renderers.</li>
<li>Proper camel casing. (We can get rid of <code class="notranslate">inner-html</code> vs <code class="notranslate">innerHTML</code>) <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="113469065" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/4923" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/4923/hovercard" href="https://github.com/angular/angular/issues/4923">#4923</a></li>
<li>Errors have proper line numbers.</li>
<li>We can rely on attribute order (not sure if it would be relevant)</li>
<li>We could support self closing tags <code class="notranslate">&lt;name /&gt;</code> for custom elements</li>
<li>No need to ship parser when doing offline compilation.</li>
</ul>
<p dir="auto">/cc: <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/pkozlowski-opensource/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/pkozlowski-opensource">@pkozlowski-opensource</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/gdi2290/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/gdi2290">@gdi2290</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tbosch/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tbosch">@tbosch</a></p>