HTML:base标签统一让a标签在新窗口打开链接
a标签链接默认打开方式会覆盖原先页面,不会在新窗口打开,用户体验不是很好。
在a标签中有一个属性:target,target属性有两个平时较常用的值,一个值是:_self,表示在同一个窗口中打开页面,这个值是默认的,另一个值是:_blank,表示在心窗口中打开页面。
所以在a标签中,为了更好用户体验,我们可以这样来写:
<a href = "demo.html" target = "_blank">测试案例</a>
但这样写有一个问题,我们写页面通常会有很多的a标签,总不能每个a标签都手打上target属性吧,这时候我们可以用base标签,统一让a标签在新窗口中打开,这就是base标签的作用,注意base标签是写在head内的。
例如:<base target = "_blank">
这样我们所有的a标签点击后都会在新窗口中打开。
HTML:base标签统一让a标签在新窗口打开链接相关推荐
- 网页中a标签属性统一设置新窗口打开
原文地址:http://www.cnblogs.com/942267027wzmblog/p/5624173.html 在开发过程中,我们往往想在页面中,给<a>设置一个统一的默认格式,例 ...
- html打开新窗口设置窗口属性,HTML之:让网页中的a标签属性统一设置-如‘新窗口打开’...
在开发过程中,我们往往想在页面中,给设置一个统一的默认格式,例如我们想让链接:"在新窗口打开",我们就可以使用标签 在网页中添加这段代码: [注解] 标签为页面上的所有链接规定默认 ...
- A标签新窗口打开怎么设置
超链接a标签新窗口打开怎么设置怎么完成-a锚文本掀开法子设置 a标签是配置超链接锚文本标签,a超链接标签让站点A网页打开B网页,或让Aweb转到Bweb.那末a标签超链接翻开方法中新窗口翻开网页如何配 ...
- php中asp标签怎么打开新页面,A标签新窗口打开怎么设置
超链接a标签新窗口打开怎么设置怎么完成-a锚文本掀开法子设置 a标签是配置超链接锚文本标签,a超链接标签让站点A网页打开B网页,或让Aweb转到Bweb.那末a标签超链接翻开方法中新窗口翻开网页如何配 ...
- html a标签打开新页面,A标签新窗口打开怎么设置
超链�?strong>a标签新窗口打开怎么设置怎么实现-a锚文本打开方式设置 首先看看a标签最简单最基本结构代码�?/p>CSS5�?lt;/a> 这样�?ldquo;CSS5�?r ...
- php自动加nofollow,WordPress自动外部链接加上nofollow标签且新窗口打开
如果我们网站可能需要特殊的细节注意问题,在内容文章之间跳转到外部地址,可能需要注意权重传递.这里我们可以将链接标签加上nofollow标签.我们可以在加上每个外部链接的时候自己手工添加,也可以用下面的 ...
- js中屏蔽a标签右键中在新窗口打开功能
一.在现实开发中,开发人员需要对某些a标签的在新窗口打开进行屏蔽. 这时候问题就来了,我们该如何去屏蔽,是用js直接屏蔽a标签的右键事件呢,还是去修改本地的浏览器右键事件(不现实),我们不可能要求用户 ...
- vue是用a标签打开新页面_vue | 路由vue-router在新窗口打开页面
vue的是单页面应用设计的渐进式框架,但是有时在项目中也会出现新窗口打开页面的情况,此时,就需要vue-router的知识来解决 一.使用标签 需要注意的是,router-link并不支持 targe ...
- a标签新窗口打开,解决跨域问题
标签在新窗口打开属性:target="_blank" 标签解决跨域属性:rel="nofollow noreferrer" <a href="h ...
最新文章
- python使用正则化检查字符串的起始和结束字符相同
- 【技术综述】一文道尽softmax loss及其变种
- linux下用core和gdb查询出现段错误的地方
- [tools]notepad++当前文件路径不是工作路径
- 让AI学习AI:自动化机器学习的概述、发展和研究意义
- 利用 QQWry.Dat 实现 IP 地址高效检索(PHP)
- 如何将GridViewEX升级到UWP(Universal Windows Platform)平台
- PHP获取产量地址,得到与PHP服务器RAM(get server ram with php)
- cad卸载工具_「Windows」不足10M的卸载软件,卸载得可真干净啊
- php 获取搜索引擎,PHP获取搜索引擎关键词
- Ubuntu Vmware虚拟机网络配置(一)
- sql注入风险和案例分析
- [Jzoj] 1285. 奶酪厂
- RHM-M60型挖掘机力矩限制器/载荷指示器
- 300M无线路由器 TL-WR842N - TP-LINK官方网站
- 阿里云发布企业数字化及上云外包平台服务:阿里云众包平台
- javaScript表单输入放大提示框
- H264编码器12( H264基本原理 --图文表达很清晰)
- 一文读懂:低代码和无代码的演进历程、应用范围
- win7锁定计算机后断网,win7系统自动锁屏断网的解决方法
热门文章
- Windows 10不能访问移动硬盘提示参数错误怎么办?
- linux编译ffmpeg(一)
- fortify java_Fortify SCA扫描JAVA源代码结果总结
- nginx + nginx-http-flv-module-1.2.10(包含nginx-rtmp-module) + video标签播放 http-flv 视频
- 【装逼利器效率软件】一张图问你想不想用Launchy
- 主流的25个深度学习模型
- 别再喊我调参侠!“科学炼丹”手册了解一下
- Game - datastructure
- 基于stm32的简单小项目_适合小白做的创业3个小项目,简单上手
- erp管理系统对服务器的要求,erp系统管理员职责跟要求.docx