title: What is the purpose of the HTML "no-js" class?
body: <p>I notice that in a lot of template engines, in the <a href="http://html5boilerplate.com/" rel="noreferrer">HTML5 Boilerplate</a>, in various frameworks and in plain php sites there is the <code>no-js</code> class added onto the <code>&lt;HTML&gt;</code> tag. </p>
  
  <p>Why is this done? Is there some sort of default browser behavior that reacts to this class? Why include it always? Does that not render the class itself obsolete, if there is no no-"no-js" case and html can be addressed directly?</p>
  
  <p>Here is an example from the HTML5 Boilerplate index.html:</p>
  
  <pre><code>&lt;!--[if lt IE 7 ]&gt; &lt;html lang="en" class="no-js ie6"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7 ]&gt;    &lt;html lang="en" class="no-js ie7"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8 ]&gt;    &lt;html lang="en" class="no-js ie8"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 9 ]&gt;    &lt;html lang="en" class="no-js ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if (gt IE 9)|!(IE)]&gt;&lt;!--&gt; &lt;html lang="en" class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
  </code></pre>
  
  <p>As you can see, the <code>&lt;html&gt;</code> element will always have this class.
  Can someone explain why this is done so often?</p>