Difference between <script /> and <script></script> for importing multiple js file in HTML

Question

This issue I recently faced, I was trying to import multiple js files in my HTML page like this -

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js" />
<script src="lib/js/backbone.js" />

But the issue I was facing is, it was loading only the first js file and the rest of the js file was not getting loaded. I also checked the network section in the browser, the remaining two file was just not getting called. Then I changed the syntax to this -

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="lib/js/backbone.js"></script>

And then the loading of all the 3 files happened successfully. My question is, is

<script src="" />

a wrong syntax or is this issue only specific to me?

Script tags are not self closing, you should have both opening and closing tag. — NewToJS
– NewToJS, Commented Aug 18, 2017 at 11:08
stackoverflow.com/questions/69913/…, stackoverflow.com/questions/4531772/… — C3roe
– C3roe, Commented Aug 18, 2017 at 11:12

Nisarg Shah · Accepted Answer · 2017-08-18 11:06:57Z

8

Script tag requires both the starting and ending tag. From MDN:

Tag omission: None, both the starting and ending tag are mandatory.

answered Aug 18, 2017 at 11:06

Nisarg Shah

14.6k6 gold badges38 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Difference between <script /> and <script></script> for importing multiple js file in HTML

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related