HTML网页里在新窗口打开全站链接

内容摘要
这篇文章主要为大家详细介绍了HTML 在新窗口打开全站链接,可以用来参考一下。
文章正文

这篇文章主要为大家详细介绍了HTML 在新窗口打开全站链接,可以用来参考一下。

对此感兴趣的朋友,看看idc笔记做的技术笔记!

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

方法一 在每一个链接中加入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 在新窗口打开全站链接的内容就先介绍到这里

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!