超链接<a>标签
超链接(Hyperlink)是网页中最常见的元素之一,整个互联网都是基于超链接而构建的。每个网站都由众多的网页组成,超链接使得网页之间不再独立,它就像一根线,把网页连接在一起,形成一个网状结构。互联网之所以能够称之为“网”,就是因为有超链接的存在。
<a>
标签的语法格式如下:
<a href="url" target="opentype">链接文本</a>
其中,href 属性用来指明要跳转到的 url,target
属性用来指明新页面的打开方式,链接文本需要写在 <a> 和 </a> 之间。
例如,链接到C语言中文网首页可以这样写:
<a
href="https://xsc.sxcrun.com" target="_blank">学思创</a>:
链接到C语言中文网里面的一个 HTML 页面可以这样写:
<a
href="https://xsc.sxcrun.com/userarticle/detail/id/4" target="_blank">在浏览器存储数据</a>
下面,我们来详细分析一下 <a>
标签的各个属性。
1. href 属性
href 属性指定链接的目标,也就是要跳转到什么位置。href 可以有多种形式,例如:
href
可以指向一个网页(.html、.php、.jsp、.asp等格式),这也是最常见的形式,例如 href="https://xsc.sxcrun.com/userarticle/detail/id/121";
href
可以指向图片(.jpg、.gif、.png 等格式)、音频(.mp3、.wav等格式)、视频(.mp4、.mkv格式)等媒体文件,例如
href="/uploads/allimg/181221/134I32557-0.jpg";
href 可以指向压缩文件(.zip、.rar等格式)、可执行程序(.exe)等,一些下载网站的链接就可以写成这种形式,例如
href="./../uploads/data_package/ComputerFoundation.zip";
href 甚至还可以指向本机的文件,只是很少这样使用,例如 href="D:/Program
Files/360/360safe/360Safe.exe"。
href
本质上就是指向一个文件,这个文件几乎可以是任意格式的。如果浏览器支持这种格式,那么它就可以在浏览器上显示,比如常见的图片、音频、视频等,如果浏览器不支持这种格式,那么就提示用户下载。
另外,href
使用的路径可以是绝对路径,也可以是相对路径。绝对路径往往以域名为起点,例如 https://xsc.sxcrun.com/userarticle/detail/id/121;相对路径往往以当前文件或者当前域名为起点,例如
./../uploads/data_package/ComputerFoundation.zip。 后续我们将在《绝对路径与相对路径》一文中详细讲解,这里大家不必深究。
2.
target属性
在创建网页时,默认情况下,超链接在当前的浏览器窗口打开,但是我们可以使用 target 属性来改变目标窗口的打开方式。常见的打开方式如下表所示:
target 属性值
属性值
说明
_self 默认,在现有的窗口中打开新页面,原窗口将被覆盖。
_blank 在新的窗口中打开新页面。
_parent
在当前框架的上一层打开新页面。
_top 在顶层框架中打开新页面。