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/>