首頁 > web前端 > html教學 > HTML target 屬性

HTML target 屬性

高洛峰
發布: 2017-02-16 14:25:22
原創
2347 人瀏覽過

定義和用法

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

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

打開新視窗

被指向的超連結使得創建高效的瀏覽工具變得很容易。例如,一個簡單的內容文件的列表,可以將文檔重定向到一個單獨的視窗:

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_window">Preface</a></li>
  <li><a href="chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapter 3</a></li>
</ul>
登入後複製

親自試一試

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

在整個過程中,這個包含了內容清單的視窗是使用者可以存取的。透過點擊視窗中的一個連接,可使另一個視窗的內容發生變化。

在框架中打開窗口

不用打開一個完整的瀏覽器窗口,使用 target 更通常的方法是在一個

顯示中將超鏈接內容定向到一個或多個框架中。可以將這個內容清單放入一個帶有兩個框架的文檔的其中一個框架中,並用這個相鄰的框架來顯示選定的文檔:
<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>
登入後複製

親自試一試

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

這是 "toc.html" 的原始碼:

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>
登入後複製

請注意,在文件 "toc.html" 中,每個連結的目標都是 "view_frame",也就是右邊的框架。

當使用者從左邊框架中的目錄中選擇一個連結時,瀏覽器會將這個關聯的文件載入並顯示在右邊這個 "view_frame" 框架中。當其他連結被選中時,右邊這個框架中的內容也會發生變化,而左邊這個框架始終保持不變。

特殊的目標

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

_blank

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

_self

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

_parent

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

_top

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

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

語法

<a target="value">
登入後複製

屬性值

描述
_blank 在新視窗中被連結文件。
_self 預設。在相同的框架中開啟被連結文件。
_parent 在父框架集中開啟被連結文件。
_top 在整個視窗中開啟被連結文件。
framename 在指定的框架中開啟被連結文件。


 更多HTML  target 屬性 相關文章請追蹤PHP中文網!

 


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板