詳解 HTML a 標籤的 target 屬性

2021-10-08 10:34:11 字數 2573 閱讀 7005

1.定義

標籤的 target 屬性規定在何處開啟鏈結文件。

如果在乙個標籤內包含乙個 target 屬性,瀏覽器將會載入和顯示用這個標籤的 href 屬性命名的、名稱與這個目標吻合的框架或者視窗中的文件。如果這個指定名稱或 id 的框架或者視窗不存在,瀏覽器將開啟乙個新的視窗,給這個視窗乙個指定的標記,然後將新的文件載入那個視窗。從此以後,超連結文件就可以指向這個新的視窗。

2.用法

2.1 開啟新視窗

>

>

href

=""target

="view_frame"

>

csdn - 專業開發者社群

a>

li>

>

href

=""target

="view_frame"

>

a>

li>

ul>

當使用者第一次選擇內容列表中的某個鏈結時,瀏覽器將開啟乙個新的視窗,將它標記為 "view_window",然後在其中顯示希望顯示的文件內容。如果使用者從這個內容列表中選擇另乙個鏈結,且這個 "view_window" 仍處於開啟狀態,瀏覽器就會再次將選定的文件載入那個視窗,取代剛才的那些文件。

2.2 在框架(frame)中開啟視窗

不用開啟乙個完整的瀏覽器視窗,使用 target 更通常的方法是在乙個 顯示中將超連結內容定向到乙個或者多個frame中。可以將這個內容列表放入乙個帶有兩個frame的文件的其中乙個frame中,並用這個相鄰的frame來顯示選定的文件:

cols

="100,*"

>

src=

"left.html"

>

src=

"right.html"

name

="view_frame"

>

frameset

>

當瀏覽器最初顯示這兩個frame的時候,左邊這個frame包含目錄,右邊這個frame包含前言。

?是 「left.html」 的源**:

>

>

href

=""target

="view_frame"

>

csdn - 專業開發者社群a

>

li>

>

href

=""target

="view_frame"

>

>

li>

ul>

請注意,在文件 「left.html」 中,每個鏈結的目標都是 「view_frame」,也就是右邊的frame。

2.3 特殊的目標

有 4 個保留的目標名稱用作特殊的文件重定向操作:

_blank

瀏覽器總在乙個新開啟、未命名的視窗中載入目標文件。

href

=""target

="_blank"

>

csdn - 專業開發者社群a

>

_blank開啟:csdn - 專業開發者社群

_self

這個目標的值對所有沒有指定目標的標籤是預設目標,它使得目標文件載入並顯示在相同的框架或者視窗中作為源文件。這個目標是多餘且不必要的,除非和文件標題標籤中的 target 屬性一起使用。

href

=""target

="_self"

>

csdn - 專業開發者社群a

>

_self開啟:csdn - 專業開發者社群

_parent

這個目標使得文件載入父視窗或者包含來超連結引用的框架的框架集。如果這個引用是在視窗或者在頂級框架中,那麼它與目標 _self 等效。

href

=""target

="_parent"

>

csdn - 專業開發者社群a

>

_parent開啟:csdn - 專業開發者社群

_top

這個目標使得文件載入包含這個超連結的視窗,用 _top 目標將會清除所有被包含的框架並將文件載入整個瀏覽器視窗。

href

=""target

="_top"

>

csdn - 專業開發者社群a

>

_top開啟:csdn - 專業開發者社群

【提示】:這些 target 的所有 4 個值都以下劃線開始。任何其他用乙個下劃線作為開頭的視窗或者目標都會被瀏覽器忽略,因此,不要將下劃線作為文件中定義的任何框架 name 或 id 的第乙個字元。

HTML a標籤詳解

標籤定義超連結,用於從一張頁面鏈結到另一張頁面。元素最重要的屬性是 href 屬性,它指示鏈結的目標。href w3schoola a 表示所有狀態下的連線 如 a 注意 四個 狀態 的先後過程是 a link a hover a active a visited。另外,a active不能設定有無...

html a標籤 target的4種用法

target屬性 這些引數值代表的含義如下 blank,在新瀏覽器視窗中開啟鏈結檔案。parent,將鏈結的檔案載入含有該鏈結框架的父框架集或父視窗中。如果含有該鏈結的框架不是巢狀的,則在瀏覽器全屏視窗中載入鏈結的檔案,就象 self引數一樣。self,在同一框架或視窗中開啟所鏈結的文件。此引數為預...

html A標籤屬性name和href

1.name屬性用法 name 屬性用於指定錨 anchor 的名稱。name 屬性可以建立 大型 文件內的書籤。標籤內必須提供 href 或 name 屬性。主流的瀏覽器幾乎都支援 name 屬性。在 html 4.0 之前的版本中,只有使用 標籤的 name 屬性才能建立片段識別符號。隨著 ht...