CSS页面中点击超链接如何跳转新的页面

本文详细介绍了如何在CSS中使用target属性控制点击超链接时新开窗口或在同一窗口/父窗口/顶层窗口打开新页面,提供实例代码帮助理解。

本文主要介绍了CSS页面中点击超链接如何跳转新的页面,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

点击超链接后,重新打开一个新的网页,不是在原本的网页进行跳转。

打开创建的网页

1

2

3

4

5

6

7

8

9

10

11

12

  a{

            /* 去除超链接的下划线 */

            text-decoration: none;

        }

    </style>

</head>

<body>

    <div>

        点击一下试试

        <!--     跳转到 微点阅读网址-->

        <a href="http://www.weidianyuedu.com" target="_blank">超链接,在新的页面中打开百度。</a>

    </div>

上面是参考代码,主要是添加 target="_blank

给超链接添加target="_blank"属性

就可以跳转到新的一个页面。

其中target=还有其他属性值。其它用法不多,了解即可。

Target属性self的作用

作用:这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。(在相同的框架中打开被链接文档)

用法:<a herf=“https://www.weidianyuedu.com” target=”_self”>跳转</a>

Target属性parent的作用

作用:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。(在父框架集中打开被链接文档)

用法:<a herf=”https://www.weidianyuedu.com” target=”_parent”>跳转</a>

Target属性top的作用

作用:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口(在整个窗口中打开被链接文档)

用法:<a herf=”http://www.weidianyuedu.com” target=”_top>跳转</a>

到此这篇关于简单的CSS在页面中点击超链接跳转新的页面的文章就介绍到这了,希望可以帮到你!

转自:微点阅读   https://www.weidianyuedu.com

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值