1. 程式人生 > >rel src href target 區別

rel src href target 區別

概述

  1. rel (relationship):用於定義連結的檔案和HTML文件之間的關係。
  2. src (source):資源引入,替換元素
  3. href (hypertext reference):超文字引用
  4. target :規定在何處開啟連結文件。

rel屬性

描述了當前頁面與href所指定文件的關係

<link href="base.css" rel="stylesheet">

屬性值:

src屬性

引用該檔案的的絕對路徑或相對路徑,

<img src="1.jpg" />

屬性值

通常是用於替換插入指定元素.例如圖片.

href屬性

超文字引用,用於指定超連結目標的 URL.跳轉到指定目標.

<a href="http://www.w3school.com.cn/index.html">W3School 線上教程</a>

屬性值

可以是任何有效文件的相對或絕對 URL,包括片段識別符號和 JavaScript 程式碼段。

如果使用者選擇了 <a> 標籤中的內容,那麼瀏覽器會嘗試檢索並顯示 href 屬性指定的 URL 所表示的文件,

或者執行 JavaScript 表示式、方法和函式的列表。

target屬性

規定在何處開啟連結文件

<a href="pref.html" target="view_window">Preface</a>

如果在一個 <a> 標籤內包含一個 target 屬性,瀏覽器將會載入和顯示用這個標籤的 href 屬性命名的、名稱與這個目標吻合的框架或者視窗中的文件。

如果這個指定名稱或 id 的框架或者視窗不存在,瀏覽器將開啟一個新的視窗,給這個視窗一個指定的標記,然後將新的文件載入那個視窗。從此以後,超連結文件就可以指向這個新的視窗。

屬性值