title: Self-closing tags (void elements) in HTML5
body: <p>Step 6 of <em>8.1.2.1 Start tags</em> of the HTML5 spec says that <a href="http://www.w3.org/TR/html5/syntax.html#void-elements" rel="noreferrer">void elements</a> may have a single <code>/</code> character. I think this is so it's easier to migrate sites that are XHTML over to HTML5.</p>
  
  <p>What's the best practice?</p>
  
  <p>E.g., if I'm making a website with HTML5 (<code>&lt;!DOCTYPE html&gt;</code>), which should I do?</p>
  
  <ol>
  <li><p>without the slash</p>
  
  <pre><code>&lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt;
  </code></pre></li>
  <li><p>with the slash</p>
  
  <pre><code>&lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
  </code></pre></li>
  </ol>
  
  <p>If both render correctly on all browsers, then I'm assuming (1) without the slash is the way to go since it's more HTML5.</p>