HTML5系列-a链接

<a href="https://blog.youkuaiyun.com/zqd_java" target="_blank" title="优快云">个人主页</a>

参数	说明
href	跳转地址
target	_blank 新窗口打开 _self 当前窗口打开
title	链接提示文本

 

1.打开窗口

下面设置 target 属性在指定窗口打开。

<a href="https://blog.youkuaiyun.com/zqd_java" target="csdn">
        在IFRAME中打开
</a>
<script>
	window.open('https://blog.youkuaiyun.com/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:96666666@qq.com">发送邮件</a>

4.下载文件

默认情况下使用链接可以下载浏览器无法处理的文件，如果下载图片需要后台语言告之浏览器mime类型。

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