📜  一个 href 标记 - Html (1)

📅  最后修改于: 2023-12-03 14:48:45.204000             🧑  作者: Mango

一个 href 标记 - HTML

在HTML中,使用<a>标签可以创建一个超链接,也就是我们经常用到的“链接”。<a>元素通常包含一个href属性,表示链接的跳转目标。

基本用法
<a href="https://www.baidu.com">百度一下</a>

上面的代码表示创建了一个到百度的链接,当用户点击这个链接时,就会跳转到百度的网站。

在网页内跳转

有时候需要在同一网页内部跳转到另外一个位置,可以通过指定链接的href值为位置的id值来实现。

<a href="#section2">跳转到Section2</a>

...

<h2 id="section2">Section2</h2>

上面的代码中,通过添加一个id属性到<h2>元素上,并在链接中指定href值为该id值,就可以实现在网页内部跳转到对应位置。

链接到电子邮件地址

可以使用mailto:协议来创建一个链接到电子邮件地址的链接。

<a href="mailto:abcdef@123.com">发送邮件</a>

上面的代码中,指定了一个mailto:协议,当用户点击链接时,会自动打开默认的邮件客户端并创建一个新邮件并填写收件人地址。

链接到文件

使用<a>元素可以链接到各种文件,例如图片、音频、视频等。

<a href="path/to/image.jpg"><img src="path/to/image.jpg"></a>

上面的代码中,指定了一个链接到图片文件的href属性,并通过<img>元素来加载这张图片。

附加属性

<a>元素还支持其他一些额外的属性,例如:

  • target: 指定链接跳转的目标窗口,包括_blank、_self、_parent、_top等值。
  • download: 下载链接所指向的资源,而不是跳转到资源。
<a href="path/to/document.pdf" target="_blank">打开PDF</a>
<a href="path/to/image.jpg" download>下载图片</a>

上面的代码中,第一个<a>元素指定了链接跳转的目标窗口为一个新窗口;第二个<a>元素指定了下载链接所指向的资源。