+ 2

Why <script src="min.js"> </script> but <link rel="stylesheet" href="min"> why not <style href="min.css"></style>

why in JavaScript, we use <script SRC="min.js"> </script> but in css we use <link rel="stylesheet" href="min">. why not use rather than <style href="min.css"> </style>. In css.

10th Jan 2018, 10:16 PM
🇮🇳ankitpateldev👔
🇮🇳ankitpateldev👔 - avatar
4 Answers
+ 12
if you want answer you need to ask clearer with enough description
10th Jan 2018, 10:37 PM
Alfred
+ 12
you ask why we don't use either SRC or href for both or why the css href doesnt involve file extension ??
10th Jan 2018, 10:49 PM
Alfred
+ 12
for first, answer simply is that that's the rule and for second you're wrong. we do mention file extension in css href file and this is it's evidence : https://www.sololearn.com/learn/CSS/1079/
10th Jan 2018, 10:52 PM
Alfred
+ 3
Here is an excerpt from stack overflow. << We use src for replaced elements while href for establishing a relationship between the referencing document and an external resource. href attribute specifies the location of a Web resource thus defining a link or relationship between the current element (in case of anchor a) or current document (in case of link) and the destination anchor or resource defined by this attribute. When we write: <link href="style.css" rel="stylesheet"> The browser understands that this resource is a stylesheet and the processing parsing of the page is not paused (rendering might be paused since the browser needs the style rules to paint and render the page). It is not similar to dumping the contents of the css file inside the style tag. (Hence is is advisable to use link rather than @import for attaching stylesheets to your html document.) src attribute just embeds the resource in the current document at the location of the element's definition. For eg. When the browser finds <script src="script.js"></script> The loading and processing of the page is paused until this the browser fetches, compiles and executes the file. It is similar to dumping the contents of the js file inside the script tag. Similar is the case with img tag. It is an empty tag and the content, that should come inside it, is defined by the src attribute. The browser pauses the loading until it fetches and loads the image. [so is the case with iframe] This is the reason why it is advisable to load all JavaScript files at the bottom (before the </body> tag) >> source - http://stackoverflow.com/questions/3395359/difference-between-src-and-href
11th Jan 2018, 4:40 AM
visph
visph - avatar