Script Tag Have a Head
The answer is No, the <script> tag does not have to be placed in the <head> section of the HTML document. Actually, placing scripts that are essential for page functionality in the <head> section is a good practice to ensure they are loaded and executed early in the page load process.
How to the <script> tag used in HTML <head>?
- Using scripts that need to be loaded and executed before the content of the page is displayed.
- Using scripts that are required by other elements in the <head> section, such as scripts for polyfills or libraries that need to be available early in the page loading process.
Code Example of <script> Tag
<head>
<script src="script1.js" defer></script>
</head>
Placing Scripts Before </body> Tag
- Using scripts that are not critical for the initial page load but placing non-essential scripts at the end of the document allows the main content to load first, improving the perceived performance of the website.
- When using scripts that rely on elements defined in the <body> section. Placing the scripts at the end ensures that all elements in the <body> are already parsed and available to the scripts.
Code Example of <script> Tag Before </body>
<body>
<script src="script2.js" defer></script>
</body>