web前端之超链接＜a＞的完全应用和要点注意

超链接<a>  可以跳转到内部页面，也可以跳转到外部页面

<a target=”_blank” href=” ”>   在新的空白页面打开

<a target=”_self”  href=” ”>     在原来的页面打开

<a>标签是行内元素，但是可以包裹任何东西，除了它自身以外。<a>标签不可以嵌套。

跳转文件

zip浏览器不可以直接打开，需要解压。

下面这些格式的文件浏览器可以直接打开(mp4,pdf,jpg,gif)

浏览器不可以打开的文件，会触发一个下载框，在<a>标签里面写download属性可以触发下载。

如果download不写属性值，下载的文件名字就是文件本身的名字。

如果downlaod写属性值，比如download="好看",效果如下。

超链接-跳转锚点

<a href="#htl"> 如果不写#的话会当成普通路径，执行跳转页面的操作。

<a name="htl">一起搭配使用

"  "里面的东西区分大小写，并且是唯一的，不能有重复的锚点，否则会发生混乱。

name属性写在a标签上才算锚点。

也可以用id写锚点，任何标签都可以写id属性。id是唯一的，区分大小写的，最好不要以数字开头。

推荐用id写锚点。

回到顶部<a href="#">回到顶部</a>

刷新页面<a href="">刷新页面</a>

超链接也可以链接到其他页面

<a href="javascript:alert(666);">点我弹窗</a>

可以在：；之间写任意的js代码

<a href="javascript:;"></a>没有任何效果

超链接-唤起指定应用

<!-- 唤起设备拨号 -->

<a href="tel:10010">电话联系</a>

<!-- 唤起设备发送邮件 -->

<a href="mailto:10010@qq.com">邮件联系</a>

<!-- 唤起设备发送短信 -->

<a href="sms:10086">短信联系</a>