HTML <a> href -attribuutti

HTML <a> -tagi

Määritelmä ja käyttö

href Attribuutti määrittää hyperlinkin osoittaman sivun URL:n.

href Attribuutin arvo voi olla mikä tahansa kelvollinen dokumentin suhteellinen tai absoluuttinen URL, mukaan lukien osa-identtöjä ja JavaScript-koodin osia. Jos käyttäjä valitsee <a> -tagin sisällön, selain yrittää hakea ja näyttää href Attribuutti määrittää URL:n, joka edustaa dokumenttia, tai listan JavaScript-lausekkeista, -menetelmistä ja -funktioista.

Jos href Jos attribuuttia ei ole, <a> -tagi ei ole hyperlinkki.

提示：Voit liittyä nykyisen sivun ylätunnisteeseen href="#top" tai href="#"!

Tekstilinkin luominen

Yksinkertainen <a> -tagi, joka viittaa muihin asiakirjoihin, voi olla seuraavassa muodossa:

<a href="http://www.codew3c.com/index.html">CodeW3C.com verkkokurssit</a>

浏览器用特殊效果显示短语“CodeW3C.com 在线教程”（通常是带下划线的蓝色文本），这样用户就会知道它是一个可以链接到其他文档的超链接。就像这样：

CodeW3C.com verkkokurssit

用户还可以利用浏览器中的选项来自己指定文本颜色、设置链接前和链接后链接文本的颜色。

提示：可以使用 CSS 伪类向文本超链接添加复杂而多样的样式。

制作图像链接

更复杂的锚还可以包含图像。下面这个 LOGO 是一个图像链接，点击该图像，可以返回 W3school 的首页：

<a href="http://www.codew3c.com/index.html">
<img src="/i/codew3c_logo_white.gif" />
</a>

上面的代码会为 CodeW3C.com 的 LOGO 添加一个返回首页的超链接：

CodeW3C.com verkkokurssit

大多数图形浏览器都会在作为锚的一部分的图像周围放置特殊的边框。通过在 <img> 标签中把图像的 border 属性设置为 0 可以删除超链接的边框。也可以使用 CSS 的边框属性来全局性地改变元素的边框样式。

实例

例子 1

href 属性规定链接的目的地：

<a href="https://www.codew3c.com">访问 CodeW3C.com</a>

Kokeile itse

例子 2

如何使用图像作为链接：

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="/i/logo/w3logo.png" width="400" height="225">
</a>

Kokeile itse

例子 3

如何链接到电子邮件地址：

<a href="mailto:someone@example.com">发送电子邮件</a>

Kokeile itse

例子 4

如何链接到电话号码：

<a href="tel:+8613888888888">+86 138 8888 8888</a>

Kokeile itse

例子 5

如何链接到同一页面上的另一个部分：

<a href="#section2">转到第二章</a>

Kokeile itse

例子 6

如何链接到 JavaScript：

<a href="javascript:alert('Hello World!');">执行 JavaScript</a>

Kokeile itse

Syntaksi

<a href="URL">

Ominaisuusarvo

Arvo Kuvaus
URL

Linkin URL

Mahdolliset arvot:

  • Absoluuttinen URL - osoittaa toisen sivuston (esim. href="http://www.example.com/index.html")
  • Suhteellinen URL - osoittaa sivuston sisäisen tiedoston (esim. href="index.html")
  • Linkki sivun elementtiin, jolla on määritelty id (esim. href="#section2")
  • Muut protokollat (esim. https://, ftp://, mailto:, file: jne.)
  • Skripti (esim. href="javascript:alert('Hello');")

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <a> -tagi