如何让全站链接在新窗口中打开
时间:2017-11-22 16:14:50|栏目:HTML/Xhtml|点击: 次
在新窗口中打开链接对国内网民来说是一种习惯,特别是在文章列表页面,新窗口打开链接可以方便访客回到上一层页面,得到更好的用户体验。
方法一 在每一个链接中加入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> |
您可能感兴趣的文章
- 05-12HTML网页制作中video标签的使用方法及常见问题解答?video标签怎么使用
- 05-12用html制作网页布局,如何用html制作网页布局
- 05-12html网页制作侧边栏怎么做,html网页制作侧边栏
- 05-12html网页制作咖啡代码怎么写,html制作咖啡
- 05-12html黑客网页制作教程,黑客网页制作代码
- 05-12html炫酷网页制作怎么做,html炫酷网页制作
- 05-12html制作企业网页,企业网站怎么制作
- 05-12html网页制作b站教程,b站视频怎么上传和发布
- 05-12用HTML网页颜色制作,html网页颜色代码有哪些
- 05-12精品网页制作html怎么做,网页制作html
阅读排行
推荐教程
- 02-01HTML制作网页代码,新手如何从零开始打造专业网站?
- 09-112025年9月网页制作:HTML与XHTML的最新代码
- 02-19HTML中表格动态添加_动力节点Java学院整理
- 02-19HTML标签meta总结,HTML5 head meta 属性整理
- 02-19html 基于 canvas 实现的一个截图小demo
- 12-14HTML表格合并的具体实现方式
- 02-195种做法实现table表格中的斜线表头效果
- 02-19HTML网页中插入视频的方法小结
- 02-19快速解决input[type=file]打开时慢、卡顿的问题
- 02-19html中关于form与表单提交操作的资料集合
