<script src="js.js" type ="text/javascript"></script>
<link href = "css.css" type = "text/css" >
為何都是引用,一個用href 一個用src呢?
href標識超文本引用,用在link和a等元素上,href是引用和頁面關聯,是在當前元素和引用資源之間建立聯系,
src表示引用資源,表示替換當前元素,用在img,script,iframe上,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不支持