a标签其它属性
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了a标签其它属性相关的知识，希望对你有一定的参考价值。
参考技术A 例1<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<a href="第一个网页.html">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
</body>
</html>
如图所示：
运行结果：
a标签的href属性除了可以指定一个网络地址以外，还可以指定一个本地地址。
a标签中有一个叫做target属性，这个属性的作用就是专门用于如何控制跳转？
_self：当前跳转
_blank
【实验1】尝试一下_self与_blank属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<!--<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>-->
</body>
</body>
</html>
如图所示：
运行结果如下图所示：
下面我们改为_blank属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<!--<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>-->
<a href="第一个网页.html" target="_blank">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
</body>
</body>
</html>
如图所示：
运行结果：
a标签title属性
例2 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX" title="一米轰趴">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
<!--<a href="第一个网页.html" target="_self">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>-->
<a href="第一个网页.html" target="_blank">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
</body>
</body>
</html>
HTML a 标签的基本用法和常用属性
参考技术A 1.href属性：用于指示链接的目标，该属性对于a标签来说必不可少。言成科技2.title属性：当用户的鼠标移入超链接时，会显示title属性的具体属性值
言成科技3.target属性；用于控制链接页面打开的位置。
_blank：浏览器总在一个新打开、未命名的窗口中载入目标文档
言成科技_self：默认状态，在当前页面/目标中打开被链接文档
言成科技Tips：所有属性当中，使用最为频繁的是_self和_blank，由于默认打开方式为_self，所以，通常在需要打开新页面时才会使用target=“_blank”的属性设置。对于_parent、_top、framename，当前都已经不再使用，此处便不再提及。
想了解更多，请点击：《如何实现兼容IE6的a标签鼠标移入效果（hover效果）》 参考技术B http://www.w3school.com.cn/tags/att_a_target.asp
这两种target都是针对框架的。比如你写了这样一个奇葩的网页page，网页page分成frame1、frame2，frame1又分成frame1-1、frame1-2，frame1-1又分成frame1-1-1，frame1-1-2。
然后你在frame1-1-1中放了一个链接。
如果这个链接的target="_self"，那么链接会在frame1-1-1中打开。
如果target="_parent"，那么链接会在frame1-1中打开。
如果target="_top"，那么链接会在page中打开。
未经验证，根据w3school的说法应该是这个意思。
以上是关于a标签其它属性的主要内容，如果未能解决你的问题，请参考以下文章