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>
相关文章
|
3月前
将一个图片作为一个超链接
将一个图片作为一个超链接。
48 6
|
4月前
|
搜索推荐 网络架构 UED
什么是超链接?
本文介绍超链接的基本概念及其在网络中的重要性。超链接作为Web的核心组成部分,由蒂姆·伯纳斯·李在1989年提出,与URL、HTTP共同构成Web的三大支柱。通过链接,用户能轻松从一个文档跳转至另一个文档。文章探讨了不同类型的链接,包括内部链接、外部链接与传入链接,并介绍了锚点链接的功能。此外,还强调了链接对于用户体验及搜索引擎优化(SEO)的重要性,以及如何合理构建链接以提升网站的可用性和搜索引擎排名。最后,提供了进一步学习资源,帮助读者深入了解URL结构与超链接的实际应用。
261 3
|
JSON 数据格式
08zTree - 超链接显示
08zTree - 超链接显示
50 0
|
缓存 JavaScript 前端开发
如何解决超链接被点击后hover样式不出现的问题?
如何解决超链接被点击后hover样式不出现的问题?
741 0
超链接的基本用法
通过以下的讲解可以清晰地了解超链接的基本用法。
108 0
超链接的基本用法
|
移动开发 前端开发 HTML5
web前端学习(四)——HTML5的超链接标签设置(页面间链接、锚链接以及邮件链接)
web前端学习(四)——HTML5的超链接标签设置(页面间链接、锚链接以及邮件链接)
web前端学习(四)——HTML5的超链接标签设置(页面间链接、锚链接以及邮件链接)
|
Web App开发
HTML-文字标记 超链接锚点
在网页中文本都是用标记包住的文字效果 <!-- 文档规范引用 --> <html> <head> <meta charset="utf-8" /> <title>嘻嘻哈哈</title> </head> <body> <!-- <f...
889 0

热门文章

最新文章