当前位置:首页>HTML>HTML标签> <a>标签 超链接

<a>标签 超链接

作者:微学网发布时间:2019-08-09 06:43:43

定义和用法

<a>标签定义了一个超链接,用于从一个页面链接到另一个页面。

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

默认情况下,链接将在所有浏览器中显示如下:

  • 未访问的链 接带有下划线和蓝色

  • 已访问链接 带有下划线和紫色

  • 活动链接 带下划线且为红色

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera
支持 支持 支持 支持 支持

a标签 示例

<a href="https://www.weixue.wang/">去访问 微学网 喽~~~</a>

a标签示例

提示和注意事项

如果href属性没有被使用,则不能使用download,hreflang,media,rel,target和type。

链接页面通常显示在当前浏览器窗口中,除非您指定其他目标。

HTML4.01和HTML5之间的差异

HTML4.01中,<a>标记可以是超链接或锚点。

在HTML5中,<a>标记始终是超链接,但如果它没有href属性,则它只是超链接的占位符。

在HTML5具有一些新属性,不再支持某些在HTML4.01属性。

全局属性

<a>标签支持 HTML的全局属性。

事件属性

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

示例

创建超链接
本例演示如何在 html文档中创建链接。

将图像作为链接
本例演示如何使用图像作为链接。

在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开您的站点了。

创建电子邮件链接
本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)

创建电子邮件链接2
本例演示更加复杂的邮件链接。

使用锚跳转到同一个页面的不同位置
本例演示如何使用锚的 id 属性跳转到页面的不同位置( html5 不支持 name 属性)。

默认CSS设置

大多数浏览器将使用以下默认值显示<a>元素:

a:link, a:visited { 
    color: (internal value);
    text-decoration: underline;
    cursor: auto;
}

a:link:active, a:visited:active { 
    color: (internal value);
}

css样式

常用设置:

a:link 超链接的普通样式 
a:visited 点击过的 
a:hover 鼠标经过时的 
a:active 单击时 
a:link{text-decoration:none;} 无下划线 
a:link{text-decoration:underline;} 有下划线