嗨各位，又來到了鐵人賽第3天，今天要介紹的是<a>標籤，他是超連結標籤，且具有多種不同的屬性，這些屬性用於定義和配置超連結的行為。是不是聽起來很酷呢?之後很多標籤也會有像這樣的屬性，我會再一一介紹給各位，各位也可以動手試試看。

1.herf:我來解釋一下，這是<a>標籤最重要也是必要的屬性，他指定了超連結的目標URL，這是我們要跳轉到的網頁網址。

<a href="https://www.google.com.tw">點擊訪問google</a>

2.target:這個屬性指的是在那裡顯示連結的內容。下面這些是他的屬性值:

• _self:在當前的視窗打開連結(預設值)
• _blank：在新的瀏覽器中打開連結。
• _parent：在父視窗中打開連結。
• _top：在最上層的父視窗中打開連結。

<a href="https://www.google.com.tw" target="_blank">點擊訪問並在新視窗打開google</a>

3.title:這個屬性提供了連結相關的額外訊息，通常會用在使用者將滑鼠游標停在連結上時顯示提示。

<a href="https://www.google.com.tw" title="前往範例網站">點擊前往google</a>

4.download:這個屬性標籤是指當使用者點擊時，直接下載連結目標。

<a href="example.pdf" download>下載範例文件</a>

如果你希望下載時用不同檔名，download 的屬性值可以設定下載檔案的檔名 (file name)，如果省略屬性值則會使用原始檔名。

<a href="example.pdf" download="my_example.pdf">下載範例文件</a>

5.rel:這個屬性用於指定連結與目標之間的關係，並用不同的屬性值來表示，每個都有特定的意義和用途，以下是依些常見的屬性值，那我們一起來看吧。

• nofollow:表示告訴搜尋引擎禁止追蹤這個連結，或從你的網頁索引連結網頁

<a href="https://www.google.com.tw" rel="nofollow">google</a>

• noopener:用於在新的視窗塔開連結，同時禁止被連結的網頁訪問打開它的視窗的 window.opener 對象，從而提高安全性。

<a href="https://www.example.com" rel="noopener" target="_blank">在新窗口中打開示例網站</a>

• noreferrer:用於在新的視窗打開連結，禁止向被連結的網頁傳遞 HTTP 請求中的參考頭（referrer）信息，是出於安全系考量。

• nofollow noreferrer: 同時使用 nofollow 和 noreferrer 屬性值，結合了上述兩者的效果。

• help:這是用於指示連結提供有關內容的幫助或說明。

• next 和 prev: 用於指示頁面之間的連結順序，通常用於網站的分頁或文章頁面之間的導航。

以上這些是一些常見的<a>標籤屬性，其實還有一些沒有介紹到，但我覺得並不常用所以沒有介紹給各位了，各位可以適當的使用這先功能達成你所想要的需求，當然也可以含其他標籤搭配變成不同的變化，這我們有機會再講，那今天就先介紹到這裡我們明天見。