1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > HTML <a> 标签

HTML <a> 标签

时间:2020-01-23 11:51:26

相关推荐

HTML <a> 标签

参考手册

标签列表(字母排序)标签列表(功能排序)

HTML 标签

<!--><!DOCTYPE><a><abbr><acronym><address><applet><area><b><base><basefont><bdo><big><blockquote><body><br><button><caption><center><cite><code><col><colgroup><dd><del><dfn><dir><div><dl><dt><em><fieldset><font><form><frame><frameset><head><h1> - <h6><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><map><menu><meta><noframes><noscript><object><ol><optgroup><option><p><param><pre><q><s><samp><script><select><small><span><strike><strong><style><sub><sup><table><tbody><td><textarea><tfoot><th><thead><title><tr><tt><u><ul><var>

HTML <a> 标签

定义和用法

<a> 标签可定义锚。锚 (anchor) 有两种用法:

通过使用 href 属性,创建指向另外一个文档的链接(或超链接) 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)

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

在所有浏览器中,链接的默认外观是:

未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的

提示:您可能已经注意到了,W3School 站点内的链接外观与默认的链接外观非常不同。您可以使用CSS 伪类 向文本超链接添加复杂而多样的样式。

实例

指向 w3school 的超链接:

<a href="">W3School</a>

亲自试一试

术语解释

什么是超文本?

HTML 与 XHTML 之间的差异

NONE

提示和注释:

注释:被链接的页面通常被显示在当前的浏览器窗口中,除非您规定了其他的 target 属性。

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性 值 描述 DTD

charset 字符集名称 规定目标 URL 的字符编码。 STF

coords 坐标 规定链接的坐标。 STF

href URL 链接的目标 URL。 STF

hreflang ISO 语言代码 规定目标 URL 的基准语言。 STF

name section_name 规定锚的名称。 STF

rel text 规定当前文档与目标 URL 之间的关系。 STF

rev text 规定目标 URL 与当前文档之间的关系。 STF

shape default rect circle poly

规定链接的形状。 STF

target _blank _parent _self _top framename

在何处打开目标 URL。 TF

type MIME 编码类型 规定目标 URL 的 MIME 类型。 STF

coords 属性和 shape 属性

当前流行的浏览器已经不再支持这两种属性了,与 <area> 标签中的同名属性类似,coords 和 shape 属性会为 <a> 标签定义一个影响区域。

只有在 <a> 标签是 <map> 标签的一部分时,才可以在 <a> 标签中使用这两种属性。

参阅

<map> 标签<area> 标签<area> 标签的 coords 属性<area> 标签的 shape 属性

标准属性

id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

如需完整的描述,请访问标准属性。

事件属性

onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup,onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述,请访问事件属性。

TIY 实例

创建超级链接本例演示如何在 HTML 文档中创建链接。将图像作为链接本例演示如何使用图像作为链接。链接到同一个页面的不同位置本例演示如何使用链接跳转至文档的另一个部分在新的浏览器窗口打开链接本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。跳出框架本例演示如何跳出框架,假如你的页面被固定在框架之内。创建电子邮件链接本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)创建电子邮件链接 2本例演示更加复杂的邮件链接。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。