赛捷软件论坛 - Powered by Discuz! Board

标题: HTML <a> 标签 [打印本页]

作者: vicky.yu 时间: 2020-1-13 14:29 标题: HTML <a> 标签

HTML <a> 标签
实例
指向 w3school 的超链接：

<a href="http://www.w3school.com.cn">W3School</a>
亲自试一试
浏览器支持
IE Firefox Chrome Safari Opera
所有浏览器都支持 <a> 标签。

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

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

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

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
提示：您可能已经注意到了，W3School 站点内的链接外观与默认的链接外观非常不同。您可以使用 CSS 伪类向文本超链接添加复杂而多样的样式。

术语解释
什么是超文本？

提示和注释
提示：如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。

提示：被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）。

提示：请使用 CSS 来设置链接的样式。

HTML 4.01 与 HTML5 之间的差异
在 HTML 4.01 中，<a> 标签可以是超链接或锚。在 HTML5 中，<a> 标签始终是超链接，但是如果未设置 href 属性，则只是超链接的占位符。

HTML5 提供了一些新属性，同时不再支持一些 HTML 4.01 属性。

属性
New : HTML5 中的新属性。

属性值描述
charset char_encoding HTML5 中不支持。规定被链接文档的字符集。
coords coordinates HTML5 中不支持。规定链接的坐标。
download filename 规定被下载的超链接目标。
href URL 规定链接指向的页面的 URL。
hreflang language_code 规定被链接文档的语言。
media media_query 规定被链接文档是为何种媒介/设备优化的。
name section_name HTML5 中不支持。规定锚的名称。
rel text 规定当前文档与被链接文档之间的关系。
rev text HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape
default
rect
circle
poly
HTML5 中不支持。规定链接的形状。
target
_blank
_parent
_self
_top
framename
规定在何处打开链接文档。
type MIME type 规定被链接文档的的 MIME 类型。
全局属性
<a> 标签支持 HTML 中的全局属性。

事件属性
<a> 标签支持 HTML 中的事件属性。

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

HTML DOM 参考手册：Anchor 对象

欢迎光临赛捷软件论坛 (http://sagesoft.cn/bbs/)