HTML中<a>链接标签的用法

HTML中<a>标签是超级链接标签，一般以“<a></a>”成对的形式出现。

定义和用法

<a>标签定义超链接，用于从一张页面链接到另一张页面。

<a>元素最重要的属性是 href 属性，它指示链接的目标。

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的

已被访问的链接带有下划线而且是紫色的

活动链接带有下划线而且是红色的

属性 值 描述

charsetchar_encodingHTML5 中不支持。规定被链接文档的字符集。

coordscoordinatesHTML5 中不支持。规定链接的坐标。

downloadfilename规定被下载的超链接目标。

hrefURL规定链接指向的页面的 URL。

hreflanglanguage_code规定被链接文档的语言。

mediamedia_query规定被链接文档是为何种媒介/设备优化的。

namesection_nameHTML5 中不支持。规定锚的名称。

reltext规定当前文档与被链接文档之间的关系。

revtextHTML5 中不支持。规定被链接文档与当前文档之间的关系。

shape

default

rect

circle

poly

HTML5 中不支持。规定链接的形状。

target

_blank

_parent

_self

_top

framename

规定在何处打开链接文档。

typeMIME type规定被链接文档的的 MIME 类型。

锚链接就可以了

如何创建锚链接？

锚链接让访问者轻松地浏览很长的网页的各个部分。可以使用两组代码集来创建锚链接，这两组代码集均用

<A>

</A>标记围起来。步骤如下：

首先，应确定锚的名称。本例中，我们仅使用

anchor

为名称。然后使用

<A

NAME="anchor">

代码定义锚放置的位置，以便无论何时链接这个锚，都可以通过调用这个锚的名称，将您直接到带到这个位置。请记住，如果您想在多个部分引用这个网页，使用锚更有意义，尤其当您无法在一个很长的网页中一次查看一个完整的浏览器窗口中的所有信息的时候，使用锚是最有用的。例如，我已经在本页的结尾处放置了以上锚代码以进行演示。现在，如何链接到这个锚呢？您只需使用：

<A

HREF="#anchor">第一部分</A>

请注意锚名称前面的

#

--

这非常重要！此代码将在您的网页中显示“第一部分”，单击它会将您带到同一网页中放置了这个锚的位置。

对于下面的示例，这是我们用来创建锚链接的代码。添加了几行

sample

text

以显示一种跳转至底部锚的更有效的演示方法：

<a

href="#anchor">第一部分</a>

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p><a

name="anchor">到此结束！</a>

以下是此锚在您的网页上的显示结果。

继续，然后单击链接：

第一部分

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

到此结束！

使锚返回到网页的顶部也是很有用的，这样如果访问者想返回到顶部，只需单击它即可。只需使用一个不同的锚名称，然后将它放置在网页的顶部！单击下面的链接返回到该网页的顶部：

返回顶部

---