H5超链接

2022-08-08  本文已影响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>

、、、

上一篇 下一篇

猜你喜欢

热点阅读