美文网首页
H5超链接

H5超链接

作者: 萤火驻守心间 | 来源:发表于2022-08-08 20:47 被阅读0次
超链接可以让我们从一个页面跳转到另一个页面或者是当前页面的其他位置

使用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>

、、、

相关文章

  • H5超链接

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

  • HTML5新增相关标签的和属性

    总结一下今天学习的h5新增标签和属性 今天一共学了流、图标、响应式图像、音频视频、列表、h5超链接 定义流: 流表...

  • 8.10个小技巧

    1.快速制作目录 超链接 手动插入超链接 超链接函数插入超链接 =HYPERLINK("#"&a2&"!A!",A...

  • web前端超链接及CSS选择器的用法

    超链接 超链接是HTML5中常用的链接之一,超链接可以实现页面与页面的对接 超链接的规范写法 关于超链接的小练习 ...

  • 如何在简书中做超链接?

    在简书中做超链接,核心的重点有以下几条: 1.超链接的核心就是复制超链接和粘贴超链接。 2.你的超链接可以起任何一...

  • 【h5案例】2018第六周优质h5案例分享丨epub360

    春天来了,万物复苏,跟随这三支H5,一起来感受春的气息吧! 注:点击蓝色文字超链接或者长按识别二维码,即可感受相关...

  • 超链接

    目录 1.什么是超链接 2.如何制作超链接 1.什么是超链接 超链接是读者通过点击、触击就能够访问到源文件的链接。...

  • 简书markdown操作

    超链接1.1 行内式超链接 效果:超链接文字1.2 参考式链接 字体2.1 颜色 效果:2.2 大小2.3 形式...

  • html超链接

    超链接标签a 超链接使用: 超链接属性: href - - -指明要跳转到的地址 eg: \点击跳转到百度 ,...

  • 10.超链接样式-CSS基础

    一、超链接伪类 1.何为超链接伪类 在CSS中,使用超链接伪类来定义超链接在鼠标点击的不同时期的样式。 (1)语法...

网友评论

      本文标题:H5超链接

      本文链接:https://www.haomeiwen.com/subject/yiznwrtx.html