43 lines
1.6 KiB
Markdown
43 lines
1.6 KiB
Markdown
|
---
|
|||
|
|
title: Links
|
|||
|
|
localeTitle: 链接
|
|||
|
|
---
|
|||
|
|
## 链接
|
|||
|
|
|
|||
|
|
这是一个存根。 [帮助我们的社区扩展它](https://github.com/freecodecamp/guides/tree/master/src/pages/html/attributes/links/index.md) 。
|
|||
|
|
|
|||
|
|
[这种快速风格指南有助于确保您的拉取请求被接受](https://github.com/freecodecamp/guides/blob/master/README.md) 。
|
|||
|
|
|
|||
|
|
链接在网络上的任何地方都使用，目的是将用户引导到各种内容项目。它们通常由光标变为手形图标来指示。链接可以是HTML或网页中包含的文本，图像或其他元素。
|
|||
|
|
|
|||
|
|
您使用`code <a>`标签或锚元素来定义链接，这也需要您使用`code href`属性访问的目标地址。这是一个片段，使“freeCodeCamp指南”这个短语成为一个链接：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<a href="https://guide.freecodecamp.org">the freeCodeCamp Guide</a>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
如果您希望在新标签页中打开链接，则会在开始`code <a>`标记内使用`code target`属性以及`code "_blank"`值。看起来像这样：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<a href="https://guide.freecodecamp.org" target="_blank">the freeCodeCamp Guide</a>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
当您需要引导用户访问网页的特定部分时，让我们假设最底层，您首先需要将哈希`code #`符号分配给`code href`属性，就像这样
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<a href="#footer>More about us<a/>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
然后，您需要在要引导用户的元素中使用`code id`属性 - 在这种情况下，网页底部的`code <footer>` 。
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<footer id="footer">Powered by freeCodeCamp</footer>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
[w3sschools - HTML链接](https://www.w3schools.com/html/html_links.asp)
|