Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Where should I put the CSS and Javascript code in an HTML webpage?

While designing a webpage, where should I put the following code?

<link rel=stylesheet type="text/css" href="css/layout.css">

Should I put it in the <head> or should I put it in the <body>? Please clarify the following questions:

  1. What difference does it make if I put it in <head> or anywhere else around the HTML code?
  2. What if I am having two CSS (or Javascript) files? Since I can only include one file before another one, which file will be used by the web-browser to display the webpage?
like image 739
sumit Avatar asked Jul 08 '11 14:07

sumit


1 Answers

In my opinion the best practice is to place the CSS file in the header

<head>   <link rel="stylesheet" href="css/layout.css" type="text/css"> </head> 

and the Javascript file before the closing </body> tag

  <script type="text/javascript" src="script.js"></script> </body> 

Also if you have, like you said two CSS files. The browser would use both. If there were any selectors, ie. .content {} that were the same in both CSS files the browser would overwrite the similar properties of the first one with the second one's properties. If that makes sense.

like image 92
brenjt Avatar answered Sep 20 '22 11:09

brenjt