title: Custom self-closing / unpaired tags in HTML?
body: <p>The following code [<a href="http://jsfiddle.net/CUZta/" rel="noreferrer">jsfiddle</a>]...</p>
  
  <pre><code>var div = document.createElement("div");
  div.innerHTML = "&lt;foo&gt;This is a &lt;bar /&gt; test. &lt;br&gt; Another test.&lt;/foo&gt;";
  alert(div.innerHTML);
  </code></pre>
  
  <p>...shows this parsed structure:</p>
  
  <pre><code>&lt;foo&gt;This is a &lt;bar&gt; test. &lt;br&gt; Another test.&lt;/bar&gt;&lt;/foo&gt;
  </code></pre>
  
  <p>i.e. the browser knows that <code>&lt;br&gt;</code> has no closing tag but since <code>&lt;bar&gt;</code> is an unknown tag to the browser, it assumes that it needs an closing tag. </p>
  
  <p>I know that the <code>/&gt;</code> (solidus) syntax is ignored in HTML5 and invalid in HTML4, but anyway would like to teach somehow the browser that <code>&lt;bar&gt;</code> does not need an ending tag and I can omit it. <strong>Is that possible?</strong></p>
  
  <p><em>Yes, I'm trying to (temporarily) misuse the HTML code for custom tags and I have my specific reasons to do that. After all, browsers should ignore unknown tags and treat them just like unstyled inline tags, so I should not break anything as long I can make sure the tag names won't ever be used in real HTML standards.</em></p>