title: javascript and css in an html document, best practices?
body: <p>I need to implement javascript and css resources for the framework I'm working on, but I have a <strong>BIG</strong> concern.</p>
  
  <p>If you take a look at current websites like Facebook, Google, Youtube and other top-tier sites, their source code show their usage of javascript in various places in the code. The first question coming into my mind is... isn't supposed for javascript source <strong>files</strong> to be allocated at the beginning of the document? You can/should be able to place javascript commands enclosed in script blocks, but... source files, too??</p>
  
  <p>The books I've been reading suggests (as best practices, I guess) all source files should be allocated in the head section, while displacing all code blocks to the end of the page, right before closing the body section (when possible).</p>
  
  <p>Same applies for CSS. I've seen pages where, in the middle of the page, you find a source file inclusion, while the normal declaration is to include all css files in the beginning (as it's more efficient than in-place inclusion because they load in parallel that way).</p>
  
  <p>In my thoughts, and if I'm to follow the books I've been reading, source files (both javascript and css) go always on top, script blocks (when possible) go to the bottom part of the document and CSS inclusions are to be avoided in-place (except for when you want to use the scope attribute or it's a style declaration inside an html tag, which should also be avoided when possible).</p>
  
  <p>Is that right?</p>