CSS教程

关注公众号 jb51net

关闭
网页制作 > CSS > CSS教程 >

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

AAAAA王先生

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

打开创建的网页

  a{
            /* 去除超链接的下划线 */
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div>
        点击一下试试
        <!--     跳转到 百度网址-->
        <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>

到此这篇关于简单的CSS在页面中点击超链接跳转新的页面的文章就介绍到这了,更多相关css点击超链接跳转新的页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!