HTML5 a標籤常用整理
阿新 • • 發佈：2020-08-15
一、HTML5 a標籤常用整理
定義和用法
<a> 標籤定義超連結，用於從一張頁面連結到另一張頁面。
<a> 元素最重要的屬性是 href 屬性，它指示連結的目標。
在所有瀏覽器中，連結的預設外觀是：
- 未被訪問的連結帶有下劃線而且是藍色的
- 已被訪問的連結帶有下劃線而且是紫色的
- 活動連結帶有下劃線而且是紅色的
提示：您可能已經注意到了，W3School 站點內的連結外觀與預設的連結外觀非常不同。您可以使用CSS 偽類向文字超連結新增複雜而多樣的樣式。
提示和註釋
提示：如果不使用 href 屬性，則不可以使用如下屬性：download, hreflang, media, rel, target 以及 type 屬性。
提示：被連結頁面通常顯示在當前瀏覽器視窗中，除非您規定了另一個目標（target 屬性）。
提示：請使用 CSS 來設定連結的樣式。
屬性
New: HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| download | filename | 規定被下載的超連結目標。 |
| href | URL | 規定連結指向的頁面的 URL。 |
| hreflang | language_code | 規定被連結文件的語言。 |
| media | media_query | 規定被連結文件是為何種媒介/裝置優化的。 |
| name | section_name | HTML5 中不支援。規定錨的名稱。 |
| rel | text | 規定當前文件與被連結文件之間的關係。 |
| rev | text | HTML5 中不支援。規定被連結文件與當前文件之間的關係。 |
| shape |
|
HTML5 中不支援。規定連結的形狀。 |
| target |
|
規定在何處開啟連結文件。 |
| type | MIME type | 規定被連結文件的的 MIME 型別。 |
二、 HTML5 a標籤 下載
<a download="abc" href="../img/images/1.jpg"> <img src="../img/images/1.jpg"> </a>
說明：
1.href 下載地址需要跟當前頁面相同的域名， 除非資源允許跨域
2.Chome 瀏覽器 本地瀏覽不支援下載
三、HTML a標籤錨點使用
1.使用name定義
<a name="SiteOne"></a>
2.使用href跳轉
<a href="#SiteOne">頁面內跳轉</a>
3.使用位址列連結跳轉
file:///D:/QLTest/HTML_Solution/Html5/a.1.html#SiteOne
更多：
HTML5 文件基礎標籤 <!--...--> html,head,body,base,meta,link,script,style