href and src differences

Relative path, with the symbol "." To represent the current directory, with the symbol "..." To represent the parent directory of the current directory.

HREF (hypertext Reference) Specifies the location of a network resource to define a link or relationship between the current element or the current document and the desired anchor or resource defined by the current Attribute. When calling a CSS file, use <link rel= "stylesheet" href= ". /site.css "/> The browser understands that the current resource is a stylesheet, and the page resolution is not paused (because the browser needs a style rule to draw or render the page, the rendering process may be paused). This is not the same as putting the contents of the CSS file in the <style> tag, so it is recommended to use the link tag instead of @import to import the stylesheet into the HTML Document.

The SRC (Source) property simply embeds the current resource at the location defined by the current document element, referencing the resource instead of its own content. When invoking the JS file, use <script type= "text/javascript" src= ". /xx.js "></script> the page loading and processing will be paused before the browser downloads, compiles, and executes this file. This process is similar to putting the JS file in the <script> tab. This is also recommended to put the JS file to load the bottom of the Reason. Similar to script, iframe, img tabs, The browser pauses loading until the image, frame, etc. are extracted and loaded.

href and src differences