a标签的href属性,a标签的href属性用于

http://www.itjxue.com  2023-01-16 19:43  来源:未知  点击次数: 

超链接的属性有哪些?

主要属性:

1、href:设置链接的URL,相对路径或绝对路径;

2、target:显示连接的窗口或框架;

3、_blank:在新窗口中打开链接;

4、_self:在当前窗口打开链接;

5、_parent:在父窗口中打开链接;

6、_top:在定级窗口中打开链接;

7、framename:窗口名称;

8、name:超链接,创建文档内的书签;

9、title:设置超链接的文字说明(鼠标悬停时显示)。

扩展资料

超链接是Web页面区别于其他媒体的重要特征之一,网页浏览者只要单击网页中的超链接就可以自动跳转到超链接的目标对象,且超链接的数量是不受限制的。

超链接的载体可以是文本,也可以是图片。文本超链接是分配了目标URL的字或短语,图片超链接是为整个图片分配默认超链接,也可以为图片分配一个或多个热点,即在图片中划分多个区域分配超链接。

一个完整的超链接包括两个部分,即链接的载体和链接的目标地址。链接的载体是显示链接的部分,也即包含超链接的文字或图像。链接的目标是单击超链接后所显示的内容,可能是打开另一个网页,或进入另一个网站,或打开电子邮箱等。因此,在创建超链接之前,必须首先确定链接的载体和链接的目标地址。

a标签其它属性

例1?

!DOCTYPE html

html

head

meta charset="utf-8"

titlea标签/title

/head

body

a href=""

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"

titlea标签/title

/head

body

a href=""

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"

titlea标签/title

/head

body

a href=""

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"

titlea标签/title

/head

body

a href="" 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

将标签的href属性值设置为"#"有什么好处

#在URL格式中是表示页内锚点的意思,也就是说点击这个链接后,页面会跳到当前页面指定的锚点(或者说“书签”)处。比如在网页的某个地方有个这样的标签:

a name="hello"/a

那么在页面的其他地方只要放一个这样的链接:

a href="#hello"回到hello处/a

只要点击这个链接,页面就会跳到上述标签处。

如果url中用了#但又未指定锚点名称,那么就是跳到当前页面的最顶端,比如:

a href="#"顶端/a

这也是一般页面“回到顶端”功能的实现方法。

另外,在用a标签来执行javascript代码时,如果href属性为空将失去超链接的特性,所以必须把href属性设置为#(表示当前url是有效的但又不至于跳转到其他页面),比如:

a href="#" onclick="alert('OK!');"OK/a

这其实跟“有什么好处”挨不上边,说严重点就是一种“无奈之举”。

HTML a 标签的基本用法和常用属性

1.href属性:用于指示链接的目标,该属性对于a标签来说必不可少。

言成科技2.title属性:当用户的鼠标移入超链接时,会显示title属性的具体属性值

言成科技3.target属性;用于控制链接页面打开的位置。

_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档

言成科技_self:默认状态,在当前页面/目标中打开被链接文档

言成科技Tips:所有属性当中,使用最为频繁的是_self和_blank,由于默认打开方式为_self,所以,通常在需要打开新页面时才会使用target=“_blank”的属性设置。对于_parent、_top、framename,当前都已经不再使用,此处便不再提及。

想了解更多,请点击:《如何实现兼容IE6的a标签鼠标移入效果(hover效果)》

(责任编辑:IT教学网)

更多