Bir web projesiyle uğraşırken kullandığınız ara yüzü şekillendirdiğiniz stilleri eğer inline olarak kullanmak istemiyorsanız .css uzantılı bir dosyaya atarsınız. Site içerisinde yapılan çeşitli işlemler ve animasyonlar için de yazdığınız kodları html içerisine gömmek yerine .js uzantılı bir dosyaya atabilirsiniz. Ancak kullandığınız html dosyasına -ki bu php, asp, asp.net dosyası da olabilir- bu dosyaları kullandığınızı söylemeniz gerekmektedir.
Bunu yapmak da aslında gayet basit. Html dahilinde "head" tagları arasında bunu belirtmeniz yeterli.
Örnek olarak;
"website" adlı bir klasör var. Bu klasörün içinde
- index.html
- reset.css
- site.css
- jquery.js
- site.js
bulunuyor.
index.html içinde head tagları arasında dosyaları şu şekilde çağırabilirsiniz.
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="description" content="kane live in death" />
<title>in the name of kane</title>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="site.css" rel="stylesheet" type="text/css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
<script src="site.js" type="text/javascript"></script>
</head>