html超级链接标记A的TARGET属性详解

2020-03-24 17:56:06

字体：大中小

来源：转载

供稿：网友

超级链接 a 标记代表一个链接点，是英文anchor（锚点）的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，这已是众所周知了，但关于它的语法结构可能有点鲜为人知，而要用活它则必须了解其语法结构。 a 标记的基本语法结构是：

a
>id＝html' target='_blank'>value
href＝reference
name＝value
rel=same|next|parent|previous
rev＝value
target＝window
style＝value
title=title
onclick＝function
onmouseout＝function
unction 连接 /a

从标记的语法结构可以看出，在设定一个超级链接时有很多参数可供选择，以实现不同的链接效果，这有点出乎意料吧？！

TARGET详解:

1._blank a href= example.html target= _blank example /a 浏览器会另开一个新窗口显示example.html文档
2._parent a href= example.html target= _parent example /a 指向父frameset文档
3._self a href= example.html target= _self example /a 把文档调入当前页框
4._top a href= example.html target= _top example /a 去掉所有页框并用document.html取代frameset文档
小技巧1：使别人的页框不能引用你的网页在文件头加： base target= _top
小技巧2：在当前页打开连接或做刷新，提交到当前页在文件头加： base target= _self

其中class和id选项：用于设定链接点所属的类型和分配的ID号，通常不加以设定。最常用的两个参数是href和name。其中href是hypertext reference的缩略词，用于设定链接地址。链接地址必须为url地址，如果没有给出具体路径，则默认路径和当前页的路径相同。链接到的文件也分为几种情况：如果为HTML文件，则在当前浏览器中直接打开；如果为可执行文件（.exe文件），则直接执行或下载，我们提供下载的文件就是用它的这种特性做的；如果为文本文件如word格式的文件，则在浏览器中打开此文件，并可以进行编辑加工。

rel：表示设定链接的关系：rel=same表示待链接的文件与此文件相同，rel=next表示待链接的文件为下一页，rel＝parent表示本文件为待链接文件的父文件，rel=previous则表示待链接的文件为上一页。

rev：则用于设定反向链接。

target：是在采用帧窗口的情况下设定链接到哪一个窗口，还有target= _bank 是表示新开一窗口打开网页。

title：用于设定链接点被选到时显示的标题。

onclick：对应于一个事件，当链接点被点击后将触发这个事件，执行对应的子程序。

onmouseover：与onclick类似，对应的事件在鼠标移到链接点上时被触发。

onmouseout：对应的事件在鼠标移出镇接点后被触发。

举几个例子：

a href= index.htm 回到主页 /a
a href= sound.wav 播放语音文件 /a
a href= javascipt.open() 执行对应的程序 /a
a herf= document.doc 打开对应的文档进行加工 /a

应用技巧

1、提供下载文件

有不少网友来信问，提供下载的效果怎么做。实际上仍然是做一个超级链接，不过供下载的文件必须上传到网站上。例：有一个网页技巧的文件包供下载，文件名是 homepagejq.zip 且已上传到网站了，则这个链接的代码可以这样写： a href= homepagejq.zip 点击这里下载网页技巧文件包 /a 。

2、在新窗口中打开链接的网页

设定 target 的值为 _blank 。例：新开窗口打开网页 aboutme.htm 。产生该效果的代码是： a href= aboutme.htm target= _blank 关于我...... /a 。

3、鼠标移到链接，显示一行说明文字

设定 title 参数值，即可获得这种效果。例：当鼠标移到黄山村夫这个链接上时，显示说明这是一个介绍网页制作技巧的专业网站。这个链接的代码是这样的： a href= hscf.htm title= 这是一个介绍网页制作技巧的专业网站黄山村夫 /a 。

4、鼠标移到一个链接上弹出一个窗口

这是设定onmouseover参数获得的效果。例：当鼠标移到一个链接上，弹出一个窗口并在窗口中显示鼠标悬停效果演示！。这个链接的代码是这样的： a href= 其它网页.htm quot;alert('鼠标悬停效果演示！') 链接 /a 。用类似的方法可以制作当鼠标按下后弹出提出示窗口、当鼠标离开时弹出提示窗口的效果。

5、链接到本页的指定内容

要实现链接到本页的某一部分内容上（也就是文件内跳转），必须用参数name指定链接点的名称。选定一块文本，可以用name参数为其命名，以备链接所用。所谓同一个文件内的跳转是指当读者在阅读一个很长的文件的时候，若只对某部分的内容感兴趣，可以采用跳跃式的阅读方式。其基本格式是：

a href＝＃链接点名称第二部分 /a 第一部分内容
a name＝链接点名称 /a 第二部分实际内容

这样当你点击第二部分这个超级链接后，就会自动转移到第二部分实际内容这个地方来。 name 参数所定义的链接点名称可以随意取，但链接的 href 参数中的链接点名称必须与其一致，不要忘记在前面加上 # 。

6、链接到其它页面的指定内容位置

方法与上例类似，但在 href 参数中的链接点名称前要加上网页的文件名。例：有两个网页page1.htm和page2.htm ，每页均有两部分内容，现要在page1.htm中制作一个超级链接，按下该链接后将转到page2.htm的第二部分内容上。那么我们可以这样做，首先在page2.htm第二部分内容开始的地方写上这样一句代码： a name= 链接点名称 /a ；在page1.htm中写上这样一个链接代码： a href= pagw2.htm#链接点名称 page2 的第二部分内容 /a 。

7、链接到E_mail

点击一个超级链接后，将启动客户机上的电子邮件管理软件给你写信。例这行代码： a href= mailto:web@phpstudy.com 请给我写信 /a 。一旦你点击了请给我写信这个链接，将自动启动电子邮件管理软件（如OE）的写信功能，并已把邮件地址加在了收信人的地址栏里了。

链接不仅可以以文本作载体，也可以以图象作载体，而且可以以图片的某一部分作载体，且都能实现上述这些效果，方法也相同，所不同只是载体，也就是链接的两对方括号中间的那部分，所以不再另举例了。
html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：关于HTML5你必须知道的28个新特性,新技巧以及新技术

下一篇：html5 桌面提醒：Notifycations应用介绍