HTML 在新窗口打开全站链接
内容摘要
这篇文章主要为大家详细介绍了HTML 在新窗口打开全站链接,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记!
在新窗口中打开链接对国内网民
对此感兴趣的朋友,看看idc笔记做的技术笔记!
在新窗口中打开链接对国内网民
文章正文
这篇文章主要为大家详细介绍了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 在新窗口打开全站链接的内容就先介绍到这里,更多相关文章的可以留意
代码注释