href和src的區別

標籤：添加   頭部   http   frame   hyper   嵌入   link   ram   text   

href和src的區別

[標籤]src和href之間存在區別，能混淆使用。src用於替換當前元素，href用於在當前文檔和引用資源之間確立聯絡。

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

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

當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源載入、編譯、執行完畢，圖片和架構等元素也如此，類似於將所指向資源嵌入當前標籤內。這也是為什麼將js指令碼放在底部而不是頭部。
href是Hypertext Reference的縮寫，指向網路資源所在位置，建立和當前元素（錨點）或當前文檔（連結）之間的連結，如果我們在文檔中添加

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

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

src和href之間存在區別，能混淆使用。src用於替換當前元素，href用於在當前文檔和引用資源之間確立聯絡。

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

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

當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源載入、編譯、執行完畢，圖片和架構等元素也如此，類似於將所指向資源嵌入當前標籤內。這也是為什麼將js指令碼放在底部而不是頭部。
href是Hypertext Reference的縮寫，指向網路資源所在位置，建立和當前元素（錨點）或當前文檔（連結）之間的連結，如果我們在文檔中添加

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

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

src和href之間存在區別，能混淆使用。src用於替換當前元素，href用於在當前文檔和引用資源之間確立聯絡。

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

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

當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源載入、編譯、執行完畢，圖片和架構等元素也如此，類似於將所指向資源嵌入當前標籤內。這也是為什麼將js指令碼放在底部而不是頭部。
href是Hypertext Reference的縮寫，指向網路資源所在位置，建立和當前元素（錨點）或當前文檔（連結）之間的連結，如果我們在文檔中添加

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

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

href和src的區別