<a> - 链接

首页 > HTML标签 > <a>

■ 摘要

项目说明
形式<a href="...">~</a>
<a name="...">~</a>
支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:必须
可包含元素内联元素(a 除外)

■ 说明

a 是锚(Anchor)的缩写。

<a href="...">~</a> 可以跳转到链接地址,或者指定邮件地址发送邮件。

<a name="...">~</a> 可以在网页中设定标记,以便从其他地方跳转过来。

■ 属性

【重要属性】
属性意义
href=urlH2+/e2+/N2+。指定链接的地址。也可以用mailto:指定发送邮件的地址。
name=nameH2-H4/e2+/N2+。<a name="XXX">~</a> 给被包含的部分做标记,名字为"XXX"。
target=targetH4T/H5+/e3+/N2+。指定在哪里打开被链接的文档。

【链接相关属性】
属性意义
charset=charsetH4。指定链接目标的文字编码。预定在HTML5中废弃。
hreflang=hreflangH4+。指定链接目标的语言种类。
methods=methodsH2。记述关于链接目标的对象所拥有的功能,基本不使用。在HTML3.2被删除。
rel=relH2+。记述当前地址到链接地址的关系。rel 可以指定next, previous, parent等等。基本不使用。
rev=revH2-H4。记述链接地址到当前地址的关系。rev 可以指定next, previous, parent等等。基本不使用。
type=typeH4+。指定链接地址文件的MIME类型(诸如text/html)。
urn=urnH2。基本不使用。在HTML3.2被删除。
media=mediaH5+。指定媒体。

【数据绑定相关属性】
属性意义
datafld=dataflde4+。指定数据绑定时的数据源的列名。
datasrc=datasrce4+。指定数据绑定时的数据源的ID。

【可点击领域相关属性】
属性意义
coords=coordsH4。指定客户端图象映射图的坐标。请参考<area>
shape=shapeH4。指定客户端图象映射图的形状。请参考<area>

【一般属性】
属性意义
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
style=styleH4+/e3+/N4+。指定样式。
title=titleH2+/e2+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH4+/e4+/N6+。指定快捷键。
tabindex=nH4+/e4+/N6+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<a href="http://xx.yy.zz/index.html">跳转到链接地址</a>

<a href="index.html">跳转到同一文件夹的其他文件。</a>

<a href="../xxx/index.html">跳转到其他文件夹的其他文件</a>

<a href="index.html#XYZ">跳转到链接地址的标记过的特定位置</a>

<a href="#XYZ">跳转到同一文件内的标记过的特定位置</a>

<a href="mailto:xyz@xxx.yyy.zzz">指定邮件地址</a>

<a href="ftp://xx.yy.zz/XYZ.ZIP">FTP下载链接</a>

<a name="XYZ">把这部分文字取名为“XYZ”</a>

■ 到其他文件的链接

<a href="...">用来作成一个链接。

<a href="http://www.yyy.zzz/xxx/yyy/zzz.html">ZZZ</a>

目标文件在同一个服务器时,可省略http://~。

<a href="/xxx/yyy/zzz.html">ZZZ</a>

目标文件在同一个文件夹时,可省略/xxx/yyy/部分。

<a href="zzz.html">ZZZ</a>

目标文件在上一层目录时,可使用代表上一层目录的点点符号(..)。

<a href="../index.html">返回</a>

目标文件在上一层目录的 xyz 文件夹里时,可以像下面这样写。

<a href="../xyz/index.html">ZZZ</a>

■ 取名

用<a name="...">的形式可以给被<name="...">~</a>围起来的部分取名。可以用带 # 符号的 href="..." 链接来跳转到被取名字的地方。取名后在画面上的显示效果没任何区别。

在下面的例子中,点击“开始”链接后会跳转到这个网页里被取名为“开始”的地方。

目录:
<a href="#kaishi">开始</a>
      :
      :
      :
<h1><a name="kaishi">开始</a></h1>
<p>点击链接后会跳转到这里</p>

跳转到其他网页的被取名的特定场所,按照下面这样写。

<a href="qitapage.html#ABC">跳转到其他网页的名为ABC的地点</a>

■ 当省略文件名的时候

诸如http://~/ 和http://~/~/ 这样的省略了文件名的链接,一般来说会链接到 index.html、index.htm、default.htm 等服务器默认的文件。当服务器里没有默认文件时,根据服务器设置的不同会显示此文件夹中的文件一览或者直接报错。

■ 文件夹后面的斜杠(/)

http://~/文件夹名/ 的最后就算没有斜杠(/)也没有问题。但是没有斜杠的时候,服务器与浏览器之间的对话会多一次,所以请尽量养成在文件夹的后面加斜杠的习惯。

■ HTTP下载

想让用户下载网站上的文件的时候,要像下面这样写。

<a href="xxx.zip">xxx.zip</a>

有些服务器需要在放有下载文件的文件夹里放置一个含有以下内容的 .htaccess 文件。

AddType application/octet-stream.zip

也可以像下面这样写。

AddType application/x-zip-compressed.zip

想让用户下载Microsoft的Word文档时,像下面这样写。

AddType application/msword.doc

如果下载还是有问题的话,那就先把 <a href="……">~</a> 写好,再在下载链接的周围写下面的说明文字。

请用鼠标右键点击链接地址,选择“目标另存为”下载。

■ FTP下载

除了HTTP下载,也可以用FTP方式下载文件,如果你建立了FTP服务器的话(可能有些服务器提供商会不支持此功能)。匿名用户(anonymous)的下载链接如下。

<a href="ftp://~/~/xxx.zip">xxx.zip</a>

指定用户名和密码的FTP下载链接如下。

ftp://用户名:密码@服务器名/文件夹名/文件名