HTML a標籤中target blank屬性使用方法及作用詳解

來源:互聯網
上載者:User
在製作HTML頁面時,我們經常會用到a標籤屬性,眾所周知,a標籤是用來定義超連結的。如果我們在設計HTML頁面過程中,需要實現點擊某一文本或者元素後使得一個頁面開啟跳轉到另一個頁面的功能效果,這裡就用到a herf標籤屬性,herf後面就是你指定跳轉到的某個連結地址。

a標籤文法如下

<a href="你所要跳轉的地址"></a>

那麼不知道各位有沒有注意到有時候會在a標籤中發現target=_blank這個屬性。有些新手可能對這個屬性不太清楚。那麼本篇文章就給大家詳細解釋下html a標籤target blank屬性的具體使用方法及作用。

下面有一段簡單的帶有target blank屬性的html程式碼範例如下:

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>html a標籤target blank屬性使用樣本</title></head><body><a href="http://www.php.cn" target="_blank">點我看看是不是跳轉到指定的topic.alibabacloud.com首頁</a></body></html>

此段代碼大家可以直接複製粘貼在本地測試,效果如:

可以發現此段文字已被添加超連結,點擊後成功跳轉到了新的頁面,而且大家可以發現他是開啟了 新的視窗,點擊前的頁面並沒有任何影響!所以target=_blank這個屬性就是表示,在新的視窗開啟超連結!通過這個屬性我們可以更方便的查看各種跳轉頁面。不會因為之前頁面被覆蓋而煩惱。

如果我們不設定target blank屬性,就會發現新連結在當前視窗開啟,之前的頁面就會消失。

這裡我們也要特別注意:

在a標籤中target blank屬性必須要和herf一起才會有效!

那麼以上就是本篇為大家介紹的關於HTML中target blank屬性使用方法及作用的具體內容。希望對有需要的朋友有所協助!

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.