H5超链接

简介: H5超链接

超链接可以让我们从一个页面跳转到另一个页面或者是当前页面的其他位置
使用a来定义超链接

属性:

href 指定跳转的目标路径。可以是外部网站的地址,也可以是内部网站的地址

target 用来指定超链接打开的位置

_self 默认值,在当前页面打开超链接

_blank 在一个新的页面打开超链接

超链接也是一个行内元素,但是在a标签中可以嵌套除了它本身以外的任何元素(块元素或者行内元素)

在开发中可以现在href中写入javascript:;,作为占位点,无任何作用

回到顶部

可以直接将超链接的href属性设置为#,点击超链接后,页面不会发生跳转,而是转到当前页面的顶部位置

跳转到指定位置

将href属性设置为"#目标元素的id值"

id属性(唯一、不重复的)

每一个标签都可以添加一个id属性

id属性就是元素的唯一标识,同一个页面中不能出现重复的id属性

示例:

<a href="https://www.baidu.com">超链接</a>

<a href="11.列表.html"></a>

<a href="#bottom">去底部</a>

<br>

<a href="#p3">跳到转第三自然段</a>

<br>

<a href="11.列表.html" target="_blank">超链接</a>

<a id="bottom" href="#">回到顶部</a>
相关文章
|
23天前
将一个图片作为一个超链接
将一个图片作为一个超链接。
29 6
|
2月前
|
搜索推荐 网络架构 UED
什么是超链接?
本文介绍超链接的基本概念及其在网络中的重要性。超链接作为Web的核心组成部分,由蒂姆·伯纳斯·李在1989年提出,与URL、HTTP共同构成Web的三大支柱。通过链接,用户能轻松从一个文档跳转至另一个文档。文章探讨了不同类型的链接,包括内部链接、外部链接与传入链接,并介绍了锚点链接的功能。此外,还强调了链接对于用户体验及搜索引擎优化(SEO)的重要性,以及如何合理构建链接以提升网站的可用性和搜索引擎排名。最后,提供了进一步学习资源,帮助读者深入了解URL结构与超链接的实际应用。
|
5月前
HTML 超链接 a 标签
HTML 超链接 a 标签
|
12月前
|
JSON 数据格式
08zTree - 超链接显示
08zTree - 超链接显示
39 0
|
缓存 JavaScript 前端开发
如何解决超链接被点击后hover样式不出现的问题?
如何解决超链接被点击后hover样式不出现的问题?
680 0
零基础HTML入门教程(5)——超链接a标签
标签定义超链接,用于从一张页面链接到另一张页面。元素最重要的属性是 href 属性,它指示链接的目标。在所有浏览器中,链接的默认外观是:•未被访问的链接带有下划线而且是蓝色的•已被访问的链接带有下划线而且是紫色的•活动链接带有下划线而且是红色的。
零基础HTML入门教程(5)——超链接a标签
|
前端开发 开发者
超级链接| 学习笔记
快速学习超级链接。
111 0
超级链接| 学习笔记
超链接的基本用法
通过以下的讲解可以清晰地了解超链接的基本用法。
94 0
超链接的基本用法