1. 程式人生 > 其它 >為什麼link用href獲取資源 script和img用src

為什麼link用href獲取資源 script和img用src

為什麼link用href獲取資源 script和img用src

src用於替換當前元素,href用於在當前文件和引用資源之間確立聯絡。

src

  • src是source的縮寫,指向外部資源的位置,指向的內容將會嵌入到文件中當前標籤所在位置;在請求src資源時會將其指向的資源下載並應用到文件內,例如js指令碼,img圖片和frame等元素

    <script src ="js.js"></script>

當瀏覽器解析到該元素時,會暫停其他資源的下載和處理,直到將該資源載入、編譯、執行完畢,圖片和框架 等元素也如此,類似於將所指向資源嵌入當前標籤內。這也是為什麼將js指令碼放在底部而不是頭部

href

  • href是Hypertext Reference的縮寫,指向網路資源所在位置,建立和當前元素(錨點)或當前文件(連結)之間的連結

  • 在文件中新增link標籤,瀏覽器會識別該文件為css檔案,就會並行下載資源並且不會停止對當前文件的處理。這也是為什麼建議使用link方式來載入css,而不是使用@import方式

    <link href="common.css" rel="stylesheet"/>