title: body tag inside head tag in HTML?
body: <p>I have a weird argument with a school teacher who says body tags go inside the <code>&lt;head&gt;</code> tag in HTML.</p>
  
  <p>Now many students are learning it. Somehow, I can't find a way to prove him wrong. Yes, all the documentation including <a href="https://www.w3schools.com/html/html_head.asp" rel="nofollow noreferrer">w3schools</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head" rel="nofollow noreferrer">MDN</a> show that <code>body</code> doesn't belong to <code>head</code> tag. I have tried writing some scratchpad codes with HTML + CSS + JS with <code>&lt;body&gt;</code> inside <code>&lt;head&gt;</code> and they worked just fine.</p>
  
  <p>It's quite confusing that the browser's inspect element also didn't warn even after that CSS and JS code added.</p>
  
  <p>Is there any obvious side effect or does something break when <code>&lt;body&gt;...&lt;/body&gt;</code> is used inside <code>&lt;head&gt;...&lt;/head&gt;</code>?</p>