探險日記 DAY 15

2024 iThome 鐵人賽

DAY 15

Modern Web

16th鐵人賽

79 瀏覽

今天我們來看看超連結標籤及屬性 !

<body>
    <p>點擊以下連結跳轉到Google：</p>
    <a href="https://www.google.com">前往Google</a>
</body>

屬性

<href> : 這是超連結的目標位置，定義當用戶點擊連結時，將跳轉到的 URL 或資源。
<target> :定義連結點擊後在哪裡打開目標頁面。
- _self(默認值) : 在當前視窗或框架中打開。
- _blank : 在在新視窗或標籤中打開連結。
- _parent : 在父框架中打開（用於框架）。
- _top : 在頂層框架中打開，跳脫出所有框架。
<rel> : 定義當 target="_blank" 使用時，瀏覽器之間的關係。
- noopener：防止新窗口中的頁面獲取到來源頁面。
- nofollow：告訴搜索引擎不要跟踪此連結。
```
<a href="https://www.google.com" target="_blank" rel="noopener">Google</a>
```
<title>
提供關於元素的額外信息，當用戶將滑鼠懸停在元素上時，會出現一個提示框。該屬性可用於超連結、圖片和其他HTML元素。
範例 :
```
<a href="https://www.google.com" title="點擊前往 Google 網站">訪問 Google 網站</a>
```
當用戶將滑鼠懸停在 "訪問 Google 網站" 上時，會顯示 "點擊前往 Google 網站" 的提示信息。