在HTML中,如何设置新窗口打开和在原窗口打开?

你好，这个事情很简单。
当你解释清楚时，我就明白了。

上周，一位客户问我，为什么她设置 target="_blank" 后打开新页面有点慢。
我查了一下，发现她同时打开的标签太多了，系统资源都快耗尽了。
它与目标属性本身关系不大。

但是你是对的，要点只是添加 target="_blank"。
注意，如果不添加这个，点击链接会替换当前页面的内容；如果添加它，浏览器将打开一个新窗口或选项卡。
最近在调试一个旧系统，发现忘记添加这个，用户反馈链接页面直接关闭了，挺烦人的。

您可以复制测试链接并显示给我吗？或者尝试直接使用我们自己网站上的链接？我在这里看到了效果。

html在新窗口中打开链接

这是方法。
代码：链接标签 注意：_blank 不是 _black。
浏览器将打开一个新选项卡。
不要这样做：不要使用 _self 或 _top。

HTML超链接怎么做_HTML a标签链接创建与target属性设置

说实话，在最近十年的前端工作中，超链接绝对是一项基本功，但有时候还是需要了解一下细节。
以标签为例。
仅仅能够使用它是不够的。
你一定知道这背后的秘密。

刚入行的时候，写超链接的时候总是很困惑。
例如，访问示例网站看起来很简单，但有一位客户特别认真——为什么点击网站图标跳转时地址栏不显示https://www.example.com？后来我意识到 href 属性值之前有一个额外的空格。
这种低级bug确实让人尴尬。
所以现在写代码之前，我习惯用VS Code插件自动格式化，免得手抖。

有趣的是目标属性。
你认为它只是_本身_并且_空吗？事实上，如果你更多地使用它们，你会发现 _parent 和 _top 在复杂的页面上特别有用。
我之前做过一个企业官方页面，上面放了三个iframe。
为了方便调试，我使用了返回上一级，这比写一个iframe src跳转数组直观得多。
当然，很多框架不再推荐使用iframe，但这个例子表明目标并不是硬性规定。

说到_blank，这绝对是安全方面的雷区。
我见过不止一例用户因为没有添加 rel="noopener" 而被搞砸的情况。
我记得有一次我在运行一个旧网站，仍然使用原来的 target="_blank" 编写方法。
随后，黑客利用window.opener对该网站进行脚本攻击。
我当时真的很后悔。
现在当我写一个新项目时，只要我使用_blank，浏览器就会自动要求我添加noopener。
这个功能是一个救星。

至于mailto:和tel:，这些写法其实还是蛮有趣的。
例如发送电子邮件，用户点击后会直接激活手机或电脑上的电子邮件客户端，比弹窗好用得多。
我有一个经营婚礼网站的朋友，放置这种类型的链接特别有效，使婚礼查询的数量增加了一倍。
但请注意，tel: 在 Android 上运行良好。
iOS 可能需要兼容性测试。
我这几年没有专门研究过。

最后说一个真实的案例。
有一个电器网站，下载链接写为下载说明，但用户反映无法打开。
经过检查，我发现服务器受到了热链接的保护，只允许直接访问https://example.com/documents/instructions.pdf。
当时我不明白为什么这么复杂，但后来我意识到，当你编写链接时，你不能仅仅假设你的计算机可以访问它，你必须考虑用户可以从任何地方访问它。
这种体验确实比老师在学校教授的更深刻。

总的来说，超链接看似简单，但细节决定成败。
您需要了解 href 和目标明确，安全性不要马虎，不要忘记测试特殊的资源协议。
就是这样，在做前期工作的时候，一举一动都要小心谨慎。

html中的a标签的target是做什么用的 target作用

等等，我昨天出了点事。
我正在写一篇博客文章，想在其中添加视频链接，但我不想导航到当前页面。
只需使用目标=“_self”即可。
原来链接还在跳。
那时我还很困惑。
查了半天代码，发现忘记加href属性了。
人们很容易忘记这个小细节。