HTML a 标签

简介

  • 定义超链接,点击从一个页面跳到另一个页面,必须指定 href 链接地址属性才有意义;
  • 链接有地址和锚两种:地址是跳到一个资源,锚则是网页内某个位置;
  • 默认情况下:未访问的链接是蓝色,已访问的链接是紫色,活动链接是红色,可以使用 CSS 来改变链接的样式。

兼容性

所有主流浏览器都支持;

属性

全局属性 及以下。

属性 说明
charset HTML5 不支持 目标 URL 的字符编码,HTML5 不再支持可以不需要设置
coords 链接的坐标
download 下载链接地址
href 链接的目标 URL
hreflang 目标 URL 的基准语言(必须和 href 属性同时使用)
media 目标 URL 的媒介类型(默认值:all,必须和 href 属性同时使用)
name 规定锚的名称
rel 当前文档与目标 URL 之间的关系(必须和 href 属性同时使用)
rev 目标 URL 与当前文档之间的关系
shape 规定链接的形状
target 链接的目标位置(必须和 href 属性同时使用)
type 目标 URL 的 MIME 类型(必须和 href 属性同时使用)

事件

支持 全局事件

实例

<p>文字链接:<a href="https://tinyx.cc">TXTech</a></p>
<p>新窗口打开:<a href="https://tinyx.cc" target="_blank">TXTech</a></p>
<p>图片链接:<a href="https:///tinyx.cc"><img border="0" src="https://s.tinyx.cc/images/common/avatar.png"></a></p>
<p>电子邮件:<a href="mailto:gdgzhl@qq.com?cc=person1@test.com&bcc=person2@test.com&subject='意见反馈'&body='任何意见建议请给我写信!'">写信</a></p>

<h3><a id="top">这是标题</a></h3>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<p>TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。</p>
<a href="#top">回到标题</a>

文字链接:TXTech

新窗口打开:TXTech

图片链接:

电子邮件:写信

这是标题

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

TXTech是一个免费技术教程网站,包含各个开发领域,你可以完全免费使用。

回到标题

留下评论

电子邮件地址不会被公开。 必填项已用*标注