跳到主要内容

a标签

  • a = anchor
  • 格式<a herf="http://www.baidu.com">百度</a>
属性名称作用
href(hypertext reference)指定跳转的目标地址
target告诉浏览是否保留原始界面,_blank保留_self不保留
title悬停文本(鼠标移动到链接上显示)

base标签和a标签结合使用

如果每个a标签都想在新页面中打开,那么逐个设置a标签的target属性比较麻烦, 这时我们可以使用base和a标签结合的方式,一次性设置有a标签都在新页面中打开 格式:<base target="_blank" />

base必须嵌套在head标签里面如果标签上指定了target,base中也指定了target,那么会按照标签上指定的来执行

如果base标签指定target同时又在a标签中指定target,那么浏览器会按照a标签中指定的来执行

a标签其它用法

假链接、跳转、跳转网页中指定位置、下载【不推荐】

假链接(本质是跳转到当前页面)

格式<a href="#">江哥博客</a> 格式<a href="javascript:">江哥博客</a> 区别在于#返回顶部javascript不会返回顶部

跳转到当前页面指定位置(锚点链接)

格式<a href="#location">跳转到指定位置</a>

<a href="#center" title="跳转到中部" target="_self">中部</a>
<h2 id="center">中部</h2>

需要跳转到指定位置需要附上ID,用#来引用,若#后面不加ID则返回顶部

在页面的指定位置给任意标签添加一个id属性

例如<p id="location">这个是目标</p>

跳转到指定页面的指定位置

<a href="01-锚点链接.html#location">跳转到指定位置</a> 只需要在01-锚点链接.html页面添加一个id位置即可

下载(极力不推荐使用)

<a href="girl.zip">下载福利资源<a/>