如何让全站链接在新窗口中打开
时间: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> |
您可能感兴趣的文章
- 12-18Html去除a标签的默认样式的操作代码
- 12-18HTML文本域如何设置为禁止用户手动拖动
- 02-19html中关于form与表单提交操作的资料集合
- 12-14html网页引入svg图片的4种方式
- 12-14HTML表格合并的具体实现方式
- 02-19HTML网页中插入视频的方法小结
- 02-19html转换为pdf案例的一些总结(多图推荐)
- 02-19快速解决input[type=file]打开时慢、卡顿的问题
- 02-19html 基于 canvas 实现的一个截图小demo
- 02-19在HTML中使用JavaScript实例代码


阅读排行
推荐教程
- 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与表单提交操作的资料集合
- 12-18Html去除a标签的默认样式的操作代码
- 02-19HTML name id和class的区别_动力节点Java学院整理