html - 需要 iFrame 中的链接以在另一个选项卡中重定向
问题描述
我有一个超级简单的网站——它只包含十个链接,我想在外部链接,远离我的网站,最好是在一个新选项卡中,而不仅仅是在 GoDaddy 的网站构建器强制网站打开的 iFrame 中。我根本没有使用 HTML 的经验,坦率地说,我今天才开始自学。我认为同样的问题也是导致这些链接在我的手机上单击时根本不起作用的原因。如果有什么我可以添加到 HTML 代码中来修复这些链接,那就太好了。如果你想看看我在说什么,你可以在这里访问我的网站并亲自尝试。非常感谢您提供的任何和所有帮助。
<STYLE>A {text-decoration: none;} </STYLE>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://open.spotify.com/artist/1mjAVXxfCzr6Cjeq79lzqs?si=DYVFnBiwS9eCMJkAKRWPTw" style="color: #ffffff;">music</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://www.youtube.com/channel/UC8CdhPfaDP0I5pEU7yqAaNA/" style="color: #ffffff;">youtube</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://letterboxd.com/alexpoe134" style="color: #ffffff;">letterboxd</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://last.fm/user/alexanderpoe" style="color: #ffffff;">last.fm</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://codewars.com/users/alexpoe134" style="color: #ffffff;">codewars</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://instagram.com/alexpoe134" style="color: #ffffff;">instagram</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://twitter.com/alexpoe134" style="color: #ffffff;">twitter</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://snapchat.com/add/alexpoe134" style="color: #ffffff;">snapchat</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://facebook.com/musicbypoe" style="color: #ffffff;">facebook</a></span></h2>
<h2 style="text-align: center;"><span style="color: #ffffff;"><a href="https://patreon.com/alexpoe134" style="color: #ffffff;">patreon</a></span></h2>
解决方案
将目标添加到链接:
<a href="...." target="_blank">text</a>
<a>: The Anchor element - HTML: Hypertext Markup Language | MDN
推荐阅读
- django - 如何在 jinja (django) 中使用 for 循环显示最新的 5 个订单
- ubuntu - Zerotier cli 命令在 ubuntu 中给出错误“缺少端口和 zerotier-one.port”
- devops - 如何使用 AWS CDK Pipelines 构建不同语言的 lambda
- node.js - Jest 检测到以下 1 个可能阻止 Jest 退出的打开句柄,指向 mongoose 的 openUri
- python - 如何在 Python 中正确使用“not()”运算符
- javascript - 如何将数据从 React 应用程序传递到 Alan Studio 并在 Alan Studio 中接收该数据?
- html - 下载部分网站以供离线使用 - 交互式图表
- django - 在 django 中上传和操作 xml 和图像文件
- spring-boot - 如何使用 Kotlin Spring Boot 获取列注释
- kotlin - 如何在潘多拉导航中传递参数?