title: Invalid location of <script> tag within a HTML <pre> tag
body: <p>I am going through the example given in <strong><em>JavaScript The Complete Reference 3rd Edition</em></strong>.</p>
  
  <p>The <strong><em>O/P</em></strong> can be seen <a href="http://www.javascriptref.com/3ed/ch3/whitespacestrings.html" rel="nofollow">here</a>, given by the author.                                       </p>
  
  <pre><code>            &lt;body&gt; 
              &lt;h1&gt;Standard Whitespace Handling&lt;/h1&gt; 
  
              &lt;script&gt;
              // STRINGS AND (X)HTML
              document.write("Welcome to JavaScript strings.\n");
              document.write("This example illustrates nested quotes 'like this.'\n");        
              document.write("Note how newlines (\\n's) and ");
              document.write("escape sequences are used.\n");
              document.write("You might wonder, \"Will this nested quoting work?\"");
              document.write(" It will.\n");
              document.write("Here's an example of some formatted data:\n\n");
              document.write("\tCode\tValue\n");
              document.write("\t\\n\tnewline\n");
              document.write("\t\\\\\tbackslash\n");
              document.write("\t\\\"\tdouble quote\n\n");
              &lt;/script&gt;   
  
              &lt;h1&gt;Preserved Whitespace&lt;/h1&gt; 
              &lt;pre&gt;
              &lt;script&gt;           // in Eclipse IDE, at this line invalid location of tag(script)                                             
              // STRINGS AND (X)HTML
              document.write("Welcome to JavaScript strings.\n");
              document.write("This example illustrates nested quotes 'like this.'\n");        
              document.write("Note how newlines (\\n's) and ");
              document.write("escape sequences are used.\n");
              document.write("You might wonder, \"Will this nested quoting work?\"");
              document.write(" It will.\n");
              document.write("Here's an example of some formatted data:\n\n");
              document.write("\tCode\tValue\n");
              document.write("\t\\n\tnewline\n");
              document.write("\t\\\\\tbackslash\n");
              document.write("\t\\\"\tdouble quote\n\n");
              &lt;/script&gt;   
              &lt;/pre&gt;
              &lt;/body&gt;
  </code></pre>
  
  <p>(X)HTML automatically “collapses” <strong><em>multiple whitespace characters</em></strong> down to <strong><em>one whitespace</em></strong>. So, for example, including multiple consecutive tabs in your HTML shows up as only one space character. In this example, the <strong><em>pre tag</em></strong> is used to tell the browser that the 
  <strong><em>text is preformatted and that it should not collapse the white space inside of it</em></strong>. Similarly, we could use the <strong><em>CSS white-space property</em></strong> to modify standard <strong><em>white space handling</em></strong>. Using <strong><em>pre</em></strong> allows the tabs in the example to be displayed correctly in the output.</p>
  
  <p>So, how to get rid of this warning and do i really need to have a concern for this? I think i am missing something as i have the intuition of the authors not being wrong?</p>