src 和 href 區別

<script src="js.js" type ="text/javascript"></script>

<link href = "css.css" type = "text/css" >

為何都是引用,一個用href 一個用src呢?

href標識超文本引用,用在linka等元素上,href是引用和頁面關聯,是在當前元素和引用資源之間建立聯系,

src表示引用資源,表示替換當前元素,用在imgscriptiframe上,src是頁面內容不可缺少的一部分。

src是source的縮寫,是指向外部資源的位置,指向的內部會遷入到文檔中當前標簽所在的位置;在請求src資源時會將其指向的資源下載并應用到當前文檔中,例如js腳本,img圖片和frame等元素。

src="js.js">當瀏覽器解析到這一句的時候會暫停其他資源的下載和處理,直至將該資源加載,編譯,執行完畢,圖片和框架等元素也是如此,類似于該元素所指向的資源嵌套如當前標簽內,這也是為什么要把js放在底部而不是頭部。

當瀏覽器解析到這一句的時候會識別該文檔為css文件,會下載并且不會停止對當前文檔的處理,這也是為什么建議使用link方式來加載css而不是使用@import。

補充:link和@import的區別

兩者都是外部引用CSS的方式,但是存在一定的區別:

區別1:link是XHTML標簽,除了加載CSS外,還可以定義RSS等其他事務;@import屬于CSS范疇,只能加載CSS。

區別2:link引用CSS時,在頁面載入時同時加載;@import需要頁面網頁完全載入以后加載。

區別3:link是XHTML標簽,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。

區別4:ink支持使用Javascript控制DOM去改變樣式;而@import不支持

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,809評論 1 92
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么? ...
    Simon_s閱讀 2,228評論 0 8
  • HTML5面試題總結1.基礎問題 = 和 == 和 === 的區別?= : 用于賦值 == : 用于判斷 === ...
    LorenaLu閱讀 1,210評論 0 4
  • 1.基礎問題 1. = 和 == 和 === 的區別? = : 用于賦值== : 用于判斷=== : 用于判斷,必...
    月光在心中閱讀 2,401評論 0 6
  • 基礎問題 = 和 == 和 === 的區別?= : 用于賦值== : 用于判斷=== : 用于判斷,必須類型和值同...
    雪落丶閱讀 982評論 0 1