关于HTML中的target=“_blank“问题

理解`target=“_blank“ 属性的使用` 自从我了解到超文本链接的target="_blank"后,我逐渐明白了它在构建可访问性和用户便利性方面的作用。其主要目的是在新标签页中打开链接,这对于保持用户对原始页面的参与度可能是有益的。然而,我了解到它并非在所有情况下都适用,并且存在重大的安全考虑因素。让我们更深入地探讨何时使用target="_blank",以及它的缺点。 阅读详情
AI摘要

本文详细解读HTML中target属性的不同选择:_blank用于新窗口加载,_parent指父窗口或框架,_self为默认行为,_top清空框架并载入完整窗口。理解这些区别有助于优化页面跳转体验。

html中的target共有四种选择:_blank、_parent、_self、_top,区别如下

1、“_blank”的意思:浏览器总在一个新打开、未命名的窗口中载入目标文档。它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。(就是实现你的每次跳转都在同一个窗口的核心点)

2、“_parent”的意思:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。target="_blank" ,浏览器总在一个新打开、未命名的窗口中载入目标文档

3、“_self”的意思:这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。target="_parent" ,属性作用使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

4、“_top”的意思:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

完结。------------------------------------------------------------------------------------------------------------------------

HTML target=_blank 完全指南:新标签页打开的安全写法与实战策略 超链接是网页交互的基础,而target属性决定了链接在何处打开。默认在当前页跳转容易中断用户浏览流程,因此使用target="_blank"在新标签页打开链接成为提升体验的常见手段。然而,_blank在带来便利的同时也潜藏安全风险——恶意网站可通过window.opener反向劫持原页面,形成tabnabbing攻击。通过为链接添加rel="noopener"或rel="noreferrer"可以切断这一隐患。在实际开发中,外部链接、文档下载、社交媒体分享等场景适合使用_blank,而站内导航、表单提交应保 阅读详情

相关推荐

HTML超级链接深度解析:href、target、rel属性与安全实践

超链接是互联网的核心机制,通过URL实现资源定位与页面跳转。其底层依赖HTTP协议与浏览器导航原理,合理使用href、target、rel等属性可显著提升Web应用的安全性、可访问性与SEO表现。在导航菜单、文章跳转、文件下载、邮件唤起等场景中,超链接的正确配置直接影响用户体验与工程稳定性。本文深入拆解a标签的核心属性与常见陷阱,涵盖target="_blank"的安全隐患、rel="noopener"的防护机制、锚点平滑滚动及下载链接的跨端兼容方案,帮助开发者系统掌握超级链接的工程实践。

weixin_30430677的博客 269

HTML中<a>标签和target=“_blank“属性的使用方法及作用(清晰易懂,带例子)

HTML中标签和target="_blank"属性的使用方法及作用(清晰易懂,带例子)

m0_53558236的博客 2万+

前端新手天天踩坑?安全老兵带你彻底搞懂HTML“路径引用”与“跳转陷阱”(附实战代码)

摘要:文章通过幽默方式解析前端开发中路径问题的常见错误,重点讲解相对路径(使用/和../)、绝对路径(避免盘符路径)和锚点跳转的正确用法。通过实战代码演示图片引用和链接跳转,强调相对路径是项目内部资源的最佳选择,网络资源要用完整URL,外链需加target="_blank"。最后总结避坑口诀,帮助开发者避免部署后资源加载失败的问题。

Web安全工具库 376

html中target四种选择target=_blank、target=_parent、target=_self、target=_top的区别与对比?

将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。属性作用使得文档载入父窗口或者包含来超链接引用的框架的框架集。在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架,不写的话就是表示默认值,默认值一般跟浏览器有关。表示:将框架中链接的画面内容,显示在没有框架的视窗中(即除去了框架)。表示:将链接的画面内容,显示在目前的视窗中。表示:将链接的画面内容,在新的浏览视窗中打开。表示在新窗口中打开该链接。

hmz856的博客 1万+

HTML图片与链接标签全解析:img和a的规范写法与常见坑

在网页开发中,HTML标签是构建页面内容的基础单元,而图片展示与超链接跳转更是每个前端初学者必须掌握的两种能力。很多新手在书写img标签时容易混淆image与img的差异,或忽视alt属性、相对路径的使用场景;在a标签的使用中,则经常困惑href的取值方式以及target安全属性。理解这些标签的本质——img是一个没有闭合标签的void元素,a的href才是链接生效的核心——对规范页面结构、提升可访问性和优化SEO都有直接帮助。无论是制作个人相册、导航菜单还是图文混排的内容页,正确应用这些基础标签都能显著减

weixin_27945229的博客 358

AI搜索优化(GEO)实战指南:抢占智能对话流量入口

AI SEO,是针对生成式AI平台(如DeepSeek、豆包、Kimi等)的优化策略,旨在通过适配AI算法对内容的理解和引用逻辑,提升品牌在AI生成答案中的可见性与权威性,从而在对话式搜索场景中抢占流量入口。:强化内容经验性(Experience)、专业性(Expertise)、权威性(Authoritativeness)、可信度(Trustworthiness)内容需避免夸大描述,提供可验证的细节(如数据、用户评价)。

Baixue5209的博客 6793

target=“_blank”属性引入的漏洞总结

我们开发人员不注意添加rel="noopener"(火狐浏览器中要使用rel="noopener noreferrer"完整覆盖)或者社区网站,邮件等可以添加链接的方式传播知识或重要的邮件时,这都很可能就被黑客用来进行钓鱼的一个可大可小的漏洞存在。 这其实就是利用target=”_blank”触发window.openr API实现,其中window.location还是浏览器跨域访问的漏网之鱼,利用这种方式,只要在链接网页的Javascript中添加以下代码就可以很容易实现钓鱼

阳光男孩的专栏 6112

ADC选型实战:从参数指标到精准应用的工程指南

本文深入解析ADC(模数转换器)选型的关键参数与实战技巧,涵盖分辨率、转换误差等核心指标,并提供高精度温度测量、高速数据采集等五大应用场景的选型指南。通过实际案例和代码示例,详细讲解校准方法、功耗优化策略及常见问题排查,帮助工程师实现从参数指标到精准应用的工程实践。

weixin_29166013的博客 328

关于html的a标签的target="__blank "的安全漏洞问题

使用场景:最近项目中使用一个a标签的 target="__blank "链接跳转 页面,打开一个新的 pdf文件(或者外部的一个网页),然后在chrome浏览器中快速的滑动的时候,页面偶尔会出现空白现象,这可能是一个浏览器的漏洞,如何解决这个问题,需要对a标记需要target="__blank "的链接中,我们加上rel="nofollow noopener noreferrer"这个就可以解决...

weixin_30663471的博客 567

基于CatBoost回归模型的完整预测分析:从建模到SHAP可解释性分析

本文介绍了使用CatBoost回归模型进行完整预测分析的流程。首先导入必要的Python库并加载数据,进行数据预处理包括训练测试集划分和归一化处理。然后通过网格搜索优化CatBoost超参数,使用最优参数训练模型并评估预测性能。结果显示模型具有较高的决定系数(R²=0.9944)和较低的误差指标(RMSE=0.0696)。接着进行残差分析和正态性检验,发现残差基本服从正态分布。最后通过SHAP分析实现模型可解释性,识别关键特征影响。该方法为梯度提升树在回归问题中的应用提供了完整解决方案。

fx666_的博客 748

STM32实战:手把手教你移植CanFestival协议栈(附完整代码)

本文提供了一份详尽的STM32平台移植CanFestival协议栈的实战指南。文章从工程搭建、定时器驱动、CAN硬件适配到对象字典配置,手把手讲解核心步骤,并附完整代码示例。重点剖析了时间管理、报文收发等关键环节的实现与常见问题解决方案,旨在帮助开发者深入理解并成功实现CANopen通信。

kiwi8的博客 274

[html] 说说你对target=“_blank“的理解?有啥安全性问题?如何防范?

[html] 说说你对target="_blank"的理解?有啥安全性问题?如何防范? 在新的空白页, 打开该链接, 安全性问题, 就是, 如果url中带有敏感信息, 会被第三方网站读取到document.referer 个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易, 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...

歌谣的博客 389

vue3 - 详细实现内网使用离线高德地图功能,在vue3中无需网络离线使用高德地图相关功能,高德地图如何离线加载详细教程(内网部署及使用),提供最新完整的瓦片资源下载及相关工具(示例代码,一键复制)

vue3,高德地图,离线使用高德地图,高德地图瓦片官方下载,内网使用高德地图离线无网络,断网情况下使用高德地图,vue离线高德地图教程,内网部署高德地图,无需联网离线使用,vue3+ts实现离线高德地图 内网离线高德地图,如何在高德地图Vue3项目中下载离线地图,地图加载不出来,不显示怎么办,内网使用离线高德地图加载失败问题,vue3实现离线地图+高德瓦片,vue3高德离线地图,如何使用离线高德地图和自定义地图样式,高德离线地图的下载,怎么下载高德地图瓦片,一键把所有瓦片都下载下来,离线加载,内网部署,离线

✅ 精选推荐文章 1万+

在新选项卡中显示链接【html中 target=“_blank“】

如果指定了前面提到的"noopener"和"noreferrer",就能解决这个问题,因此当部分浏览器或设备无法打开链接时,请检查rel属性的设置。在使用a标签的target=“_blank"属性时,有时会出现点击URL链接却打不开的情况。由于链接来源和新标签页中打开的链接会被视为不同的对象,因此这也是一种提升性能的措施。两种打开方式下,如果不知道正确的设置,在新选项卡中打开链接可能会导致个人信息泄露。noopener 是一种指定,用于禁止访问在新标签页中打开的链接。由于用于在新窗口中打开链接的。

qq_48180430的博客 435

Qt —— 百度离线地图 - 加载百度离线地图、及地图上绘图(附:源码)

Qt —— 加载百度离线地图、及简单绘图(附源码)

1063

SCADA|KingSCADA实现有新报警时声音报警提示

在SCADA项目中有的现场系统比较多,每个调度员可能会一个人盯好多个系统,因此不会一直盯着一个系统,这时候就需要当有新的报警产生时,有报警声音提示,提示调度员查看报警,进行处理。$NewAlarm是一个离散型的变量,是新报警的意思,即当前系统中有新的报警信息产生时,该变量会自动置为1;以上为一最简单的报警提示的实现,实际中可能还会要求语音播报啥啥报警的声音,具体有时间再进行测试。通过创建测试界面,创建一个内存变量,内存变量,配置报警,界面按钮制造报警,测试效果。

做有价值的事,积累有价值的笔记! 1409

a标签新窗口打开,解决跨域问题

标签在新窗口打开属性:target="_blank" 标签解决跨域属性:rel=“nofollow noreferrer” <a href="https://xxxx.vip/home" rel="nofollow noreferrer" target="_blank">新窗口打开</a> [参考

Yetian_2000的博客 2213

RISC-V CPU设计(三)---多周期CPU的设计与实现

基本情况 本多周期CPU支持RV32I指令集(fence,ecall,ebreak除外),已通过部分指令的测试,如代码有bug,欢迎指出。 模块划分 代码将CPU划分为以下几个模块: 1.控制单元:ControlUnit 用于产生控制信号,是CPU的大脑,指挥中枢。 2.分支决策单元:BranchUnit 用于决定B型指令是否发生跳转 3.立即数单元:ImmUnit 用于从指令中解析出立即数. 4.寄存器堆:RegisterFile RISC-V的32个寄存器,其中x0寄存器恒为0,不可更改。 5.指令存储

qq_40268672的博客 5543

HTML图片、链接与锚点标签的核心用法与坑点解析

网页开发中,图片、超链接和锚点定位是构成完整页面的三个基础能力。图片负责内容呈现,超链接承担页面间跳转,锚点则解决页面内导航。理解它们的工作原理,有助于避免图片不显示、链接失效、跳转被遮挡等常见问题。图片标签需要关注src与alt规范、JPG/PNG/WebP等格式选型,以及响应式加载和懒加载优化;超链接核心在于href路径写法、target与rel的安全配合;锚点则依赖id与URL片段实现定位,并可通过CSS scroll-margin-top解决固定导航遮挡问题。这三个HTML基础标签的灵活组合,是前端

weixin_29000991的博客 248

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

前端三件套与XSS安全实战:从基础到防御

前端开发不只是写页面,更是构建用户与数据交互的桥梁。HTML、CSS、JS三件套各司其职,理解其协作机制是写出健壮代码的前提。随着业务复杂度提升,安全思维不可或缺。例如,使用innerHTML插入用户内容时可能触发DOM型XSS,而反射型XSS则常源于服务端未转义输出。修复这类漏洞,需遵循输出转义、入参校验、配置CSP三步策略。掌握这些,不仅能提升代码质量,还能有效防御跨站脚本攻击。本文从三件套基础讲起,结合flex布局、js filter等高频技能,深入浅出拆解XSS攻击链路与防御方案,帮助开发者建立前端

weixin_31497453的博客 355

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

【大白话前端 10】从页面互跳到锚点定位,关于 <a> 标签最容易被忽视的 5 个实操

网页如果没有超链接,就只是一座座无法访问的孤岛。把它们连成网的,是<a>(Anchor)标签。<a>标签本身是个壳,真正决定点击后触发什么行为的,是它的核心属性。下面按实际开发中最常见的 5 种场景,介绍超链接的用法。

qq_28634867的博客 491

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

a标签target=”_blank”的安全问题及解决办法

一、定义 A 标签的 target 属性规定在何处打开链接文档。如果在一个 A 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。target...

chinashanzhang的博客 2万+

target _blank_HTML target =“ _ blank”链接示例教程

target _blankHTML provides the <a> element or tag in order to create links to the other pages, URL, or part of the same page. While creating a link we can set the style of the link like open in ...

cunjiu9486的博客 3879

HTML中a标签的target属性的“_blank”、“_self”、“_parent”、“_top”这4个属性值

本文记录了对HTML中<a>标签的target属性的“_blank”、“_self”、“_parent”、“_top”这4个属性值的效果的测试。 使用<frame>标签,做一个有框架的网页,为了能看出HTML中<a>标签的target属性的“_self”和“_parent”这2个属性值的不同效果,需要这个网页还有框架的嵌套,框架思路如下图所示: 该...

BOKEhhh的博客 3万+

前端 - a标签target=”_blank”

a 标签的target 属性带来的安全隐患

kelly0721的博客 7547
上一篇: html+css实现鼠标移上去背景颜色变透明
下一篇: 关于overflow:hidden的作用:溢出隐藏、清除浮动、解决外边距塌陷问题
debugtoday
博客等级 码龄7年 10粉丝 25原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值