- 前言
- 一、a标签
- 1. a 实现网页间的跳转
- 2. a 实现网页内部跳转
- 3. 将 a 嵌套在段落中
- 4. 用 # 号来创建链接占位符
前言
提示:这里可以添加本文要记录的大概内容:
例如:本文介绍a标签。
一、a标签 1. a 实现网页间的跳转
a(Anchor,简写为 a)来实现网页间的跳转。
a 需要一个 href 属性指向跳转的目的地。 同时,它还应有内容。
注:target="_blank使得链接在新窗口标签中打开
例如:
this links to freecodecamp.org2. a 实现网页内部跳转
a(anchor)元素也可以用于创建内部链接,跳转到网页内的各个不同部分。
要创建内部链接,你需要将链接的 href 属性值设置为一个哈希符号 # 加上你想内部链接到的元素的 id,通常是在网页下方的元素。然后你需要将相同的 id 属性添加到你链接到的元素中。id 是描述网页元素的一个属性,它的值在整个页面中唯一。
当用户点击 Contacts 链接,可以访问网页中带有 Contacts 标题元素的部分。
例如:
Contacts ...Contacts
Jump to Bottom ...3. 将 a 嵌套在段落中
可以在其他文本元素内嵌套链接。
Here's a link to www.freecodecamp.org for you to follow.
target和href都是锚点1元素的属性
target用来指定链接的打开方式。 属性值 _blank 表示链接会在新标签页打开。 href 用来指定链接的 URL。a 元素内的文本 link to www.freecodecamp.org 叫作锚文本,会显示为一个可以点击的链接
href="#"链接到当前页面。为网站添加一个a元素,但还不确定要将它链接到哪时可以使用。
锚点是网页制作中超级链接的一种,又叫命名锚记,像一个迅速定位器一样,是一种页面内的超级链接 ↩︎



