简单的CSS在页面中点击超链接跳转新的页面

最新推荐文章于 2024-04-19 11:46:49 发布

AAAAA王先生

最新推荐文章于 2024-04-19 11:46:49 发布

阅读量5.7k

点赞数 6

文章标签： css html5 Powered by 金山文档

本文链接： https://blog.csdn.net/weixin_53177153/article/details/129150419

版权

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

打开创建的网页

  a{
            /* 去除超链接的下划线 */
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div>
        点击一下试试
        <br>
        <!--     跳转到 百度网址-->
        <a href="http://www.baidu.com" target="_blank">超链接，在新的页面中打开百度。</a>
    </div>

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

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

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

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

Target属性self的作用

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

用法：<a herf=“http://www.baidu.com” target=”_self”>跳转</a>

Target属性parent的作用

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

用法：<a herf=” http://www.baidu.com” target=”_parent”>跳转</a>

Target属性top的作用

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

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

AAAAA王先生

关注关注

6
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
简单的CSS在页面中点击超链接跳转新的页面

这个目标的值对所有没有指定目标的标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题标签中的 target 属性一起使用。作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口（在整个窗口中打开被链接文档）点击超链接后，重新打开一个新的网页，不是在原本的网页进行跳转。就可以跳转到新的一个页面。
复制链接

扫一扫