HTML 在新窗口打开全站链接

前端之家收集整理的这篇文章主要介绍了HTML 在新窗口打开全站链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编两巴掌来看看吧!

在新窗口中打开链接对国内网民来说是一种习惯,特别是在文章列表页面,新窗口打开链接可以方便访客回到上一层页面,得到更好的用户体验。

方法一 在每一个链接中加入target="_blank"代码,例如:

<a href="/" target="_blank">123</a>

这是最为简单常用的一种方法,当页面中只有部分链接需要在新窗口打开时可以采用。但如果网页中全部或者大部分链接都要在新窗口中打开,那么,大量的target="_blank"就会成为累赘,这时就可以采用下面介绍的第二种方法

方法二 将页面默认的链接打开方式设置为在新窗口中打开

在模板head区域(<head></head>标签之间)添加<base target="_blank">代码,这样就可以使页面中的链接默认在新窗口中打开。

例如:

<head>
<title>页面标题</title>
<base target="_blank">
</head>

这是为了让访客在打开链接后不会直接离开网站首页。但你也许已经注意到,在设置了<base target="_blank">的同时,如果想让首页的导航链接在仍然在当前窗口打开,这就需要通过<target="_self">来强制实现。

例如:

<a href="/" target="_self">123</a>

猜你在找的HTML相关文章