关于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

SpringBoot+VUE3实战:如何用WebSocket搞定网页端语音通话(避坑指南)

本文详细介绍了如何使用SpringBoot和VUE3结合WebSocket技术实现网页端语音通话功能。从环境配置、WebSocket服务端实现到前端音频处理,提供了完整的开发指南和避坑建议,帮助开发者快速构建稳定高效的实时语音通信系统。

weixin_29021195的博客 221

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

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

阳光男孩的专栏 6112

普中科技ESP8266-01s模块CWJAP:3 FAIL报错?手把手教你用AT+CWSAP指令搞定WiFi配置

本文详细解析了普中科技ESP8266-01s模块常见的CWJAP:3 FAIL报错问题,并提供了通过AT+CWSAP指令正确配置WiFi的实战解决方案。文章涵盖错误根源分析、硬件连接指南、AT指令详解及高级调试技巧,帮助开发者快速解决ESP8266-01s模块的WiFi配置难题。

weixin_42653691的博客 202

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

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

weixin_30663471的博客 567

【实战指南】OpenClaw Telegram 群聊不响应完整解决方案:从获取群 ID 到关闭隐私模式全流程

将整个从“获取群组 ID → 配置 OpenClaw Telegram 通道 → 关闭隐私模式 → 测试”的全流程都整合进去。

hampeter的博客 3495

西门子WinCC VBS脚本实战:5分钟搞定变量记录导出到Excel(附完整代码)

本文提供了一套高效的西门子WinCC VBS脚本方案,帮助工程师在5分钟内将变量记录数据导出至Excel。方案详细解析了时区转换、数据库连接、SQL查询优化等核心难点,并附带了完整、可直接使用的VBS代码,解决了工业自动化项目中数据导出的实际痛点。

moss5的博客 611

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

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

歌谣的博客 389

LVGL iPhone Duo 开合过渡

环境:LVGL 9.x(需要软件模糊),窗口建议 1280×800。界面文案英文(默认 Montserrat 无 CJK)。

摸鱼专家 153

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

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

qq_48180430的博客 435

飞牛NAS打造成童年经典游戏机

这篇文章介绍如何使用飞牛NAS搭建经典游戏模拟器。首先需开启Docker并下载RetroArch-web镜像,随后创建容器并设置端口映射。启动后上传游戏ROM文件(如NES格式),在模拟器中加载即可游玩。文章以修改版坦克大战为例,详细说明按键配置方法。同时还提到公网访问需配置DDNS或使用ZeroTier内网穿透。通过这套方案,用户可以在NAS上重温红白机等经典游戏体验。

dgnankai的专栏 886

scratch绘制四个三角形 2024年6月中国电子学会 图形化编程 scratch编程等级考试二级真题和答案解析

​ scratch绘制四个三角形 一、题目要求 2024年6月电子学会图形化编程Scratch等级考试二级真题 1、准备工作 1.保留默认角色小猫; 2.添加背景Stars。 2、功能实现 1 .隐藏角色小猫,设置画笔裙始位置为(0,0),画笔颜色为黄色,画笔的粗细为5; 2. 点击绿旗,绘制如下图所示图形,三角形的边长为50。 二、案例分析 1、角色分析 角色:小猫 2、背景分析 背景:Stars背景 3、前期准备 1. 保留默认的小猫不变 ​

青少年编程学习指导 1719

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

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

Yetian_2000的博客 2213

【嵌入式DIY实例ESP32篇】-步数计数器

在本项目中,我们将使用 ESP32 微控制器和博世的 BMI160 加速度计陀螺仪模块构建一款便携式计步器

视觉与物联智能 803

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

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

weixin_29000991的博客 248

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

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

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

weixin_31497453的博客 355

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

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

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

qq_28634867的博客 491

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

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的博客 7548
上一篇: 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、付费专栏及课程。

余额充值