HTML5系列-a鏈接

<a href="https://blog.csdn.net/zqd_java" target="_blank" title="CSDN">個人主頁</a>

參數	說明
href	跳轉地址
target	_blank 新窗口打開 _self 當前窗口打開
title	鏈接提示文本

 

1.打開窗口

下面設置 target 屬性在指定窗口打開。

<a href="https://blog.csdn.net/zqd_java" target="csdn">
        在IFRAME中打開
</a>
<script>
	window.open('https://blog.csdn.net/zqd_java', 'csdn');
</script>

2.錨點鏈接

錨點可以設置跳轉到頁面中的某個部分。

1. 爲元素添加id 屬性來設置錨點

2. 設置 a 標籤的 href 屬性

<a href="#comment-1">跳轉到評論區</a>
<div style="height: 1000px;"></div>

<div id="comment-1" style="background: green;">
	這是後盾人評論內容區
</div>

4.也可以跳轉到不同頁面的錨點

<a href="article.html#comment-1">跳轉到評論區</a>

3.郵箱鏈接

除了頁面跳轉外可以指定其他鏈接。使用以下方式也有缺點，郵箱可能會被惡意用戶採集到，所以有些用戶使用 houdunren#qq.com 然後提示用戶 請將#改爲@後發郵件的提示形式。

<a href="mailto:[email protected]">發送郵件</a>

4.下載文件

默認情況下使用鏈接可以下載瀏覽器無法處理的文件，如果下載圖片需要後臺語言告之瀏覽器mime類型。

<a href="https://www.baidu.com/ziliao.zip">下載資料</a>