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

打开创建的网页
| 1 2 3 4 5 6 7 8 9 10 11 12 |
|
上面是参考代码,主要是添加 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在页面中点击超链接跳转新的页面的文章就介绍到这了,希望可以帮到你!

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

被折叠的 条评论
为什么被折叠?



