url
統一資源定位符
標准格式
協議類型:[//服務器地址[:端口號]][/資源層級UNIX文件路徑]文件名?查詢
url語法規則
scheme://host.domain:port/path/filename
https://www.baidu.com/daily/view?id=163664
scheme 定義因特網服務的類型，常見的類型是http/https
host 定義域主機 （http的默認是www）
domain 定義因特網域名 例如baidu.com
port 定於主機上的端口（http的默認端口是80）
path 定義服務器上的路徑
filename 定義文檔/資源的名稱
絕對URL
絕對URL（absolute URL）顯示文件的完整路徑，這意味着絕對URL本身所在的位置與被引用的實際文件的位置無關。
相對URL
相對URL（relative URL）以包含URL本身的文件夾的位置為參考點，描述目標文件夾的位置。
href
href (Hypertext Reference)指定網絡資源的位置，從而在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個鏈接或者關系。
href 目的不是為了引用資源，而是為了建立聯系，讓當前標簽能夠鏈接到目標地址
src
source（縮寫），指向外部資源的位置，指向的內容將會應用到文檔中當前標簽所在位置。
href和src區別
請求資源類型不同
（1）href 指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的聯系。
（2）在請求 src 資源時會將其指向的資源下載並應用到文檔中，比如 JavaScript 腳本，img 圖片；
作用結果不同
（1）href 用於在當前文檔和引用資源之間確立聯系；
（2）src 用於替換當前內容；
瀏覽器解析方式不同
（1）若在文檔中添加 ，瀏覽器會識別該文檔為 CSS 文件，就會並行下載資源並且不會停止對當前文檔的處理。這也是為什么建議使用 link 方式加載 CSS，而不是使用 @import 方式。
（2）當瀏覽器解析到 ，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執行完畢，圖片和框架等也如此，類似於將所指向資源應用到當前內容。這也是為什么建議把 js 腳本放在底部而不是頭部的原因。
link和@import的區別
兩者都是外部引用 CSS 的方式，但是存在一定的區別：
（1）link是XHTML標簽，除了能夠加載CSS，還可以定義RSS等其他事務；而@import屬於CSS范疇，只可以加載CSS。
（2）link引用CSS時，在頁面載入時同時加載；@import需要頁面完全載入以后再加載。
（3）link是XHTML標簽，無兼容問題；@import則是在CSS2.1提出的，低版本的瀏覽器不支持。
（4）link支持使用Javascript控制DOM改變樣式；而@import不支持。
---------------------
作者：rocling
來源：CSDN
原文：https://blog.csdn.net/rocling/article/details/82954538
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！