HTML 目標屬性


<a> 元素的目標屬性用於設定連結文件的開啟位置。你可以將文件設為在新視窗、同一框架、父級框架中開啟等。

以下是語法 −

<a target="_blank|_self|_parent|_top| frame">

這裡,_blank 用於在新視窗或選項卡中開啟連結文件,_self 用於在連結被點選的同一框架中開啟連結文件,_parent 用於在父級框架中開啟文件,_top 用於在整個視窗正文中開啟連結文件,frame 用於在指定框架中開啟連結文件。

下面我們看看一個在 <a> 元素中實現目標屬性的例子 −

示例

 即時演示

<!DOCTYPE html>
<html>
<body>
<h2>Learning is Fun</h2>
   <p><strong>Note −</strong> The links will open in new window.</p>
   <p><a href="https −//tutorialspoint.tw/tutorialslibrary.htm" target="_blank">Tutorials Library</a><br>
   <a href="https −//tutorialspoint.tw/programming_examples/" target="_blank">Codes</a><br>
   <a href="https −//tutorialspoint.tw/computer_glossary.htm" target="_blank">Computer Glossary</a>
<br>
</body>
</html>

這將產生如下輸出。下面的連結將在新視窗中開啟 −

在上面的例子中,我們已經設定了 target 屬性中的目標 −

<a href="https −//tutorialspoint.tw/tutorialslibrary.htm" target="_blank"> Tutorials Library </a>

上面設定的屬性值是 _blank,它在新視窗中開啟 href 屬性中的連結 −

target="_blank"

更新於: 30-07-2019

630 次瀏覽

開啟你的職業生涯

完成課程並獲得認證

入門
廣告
© . All rights reserved.