嘿，较大家良好！今天咱们来聊聊HTML里的那个地方的target属性。当前这个属性，说白了就是控制你点击一个链接，网页咋样打开的。是不是感觉有点繁杂？别怕，我保证用最简洁的语言，给你讲清楚。

哪些是超链接？

往往.…. 超链接啊，就是咱们网页上那一些能够点击的文字或者图片。点击它，就能跳转到别的网页或者网页里的其他地方。这玩意儿挺常用的，对吧？

标签：超链接的灵魂

太刺激了。 想让某个东西变成超链接，就用标签。它的基本写法是：

扎心了... 这里的href属性就是用来指定你要跳转到的地址的。

target属性：控制网页打开方式的魔法棒

良好啦，沉重点来了！target属性就是用 挺好。 来控制你点击超链接后页面在哪些地方打开的。

几种常见的target值

• _self这是默认值。意思就是“自己”，也就是在当前当前这个页面打开。就像你直接在同一个房间里转圈圈一样。
• _blank当前这个是“崭新窗口”，点击后会弹出一个崭新的浏览器窗口或者标签页来打开页面。就像你忽然被传送到了另一个房间一样！
• _parent当前这个对比较高级一点， 意思是“父级”，如果你的页面是嵌套在其他框架里的话，就会在父级框架里打开。
• _top当前这个也是较高级的， 意思是“最顶层”，会跳出全部框架，然后在整个浏览器窗口里打开页面。

target="_blank" 的采用注意事项

采用target="_blank"的时候要注意一点哦！如果你要跳转到外部网站，最良好再加上一个`rel="noopener"`属性。

为哪些需要`rel="noopener"`呢？ 简洁来说是为了可靠起见! 避免崭新页面通过`window.opener`访问原页面.，差不多得了...

实际采用提议

• 崭新开窗口要较小心: 不要滥用`target="_blank"`! 如果你不停地弹出崭新的窗口或标签页会作用于用户体验哦! 特别是在手机上就更不能这样了.
• 内部跳转用 `name` : 如果你想让用户在当前页面内跳转到某个位置，就要用`name`和对应的目标元素的id来进行跳转啦! 。
• 避免不必不可更少的框架: 当前很更多网页都放弃了采用框架了! 这是因为太麻烦了而且作用于性能! 所以尽量避免采用嵌套框架结构.

较小技巧2:刷崭新或提交到当前页

一下

1. 目标值的选择: 根据你的需求选择合适的目标值 .
2. 可靠性第一: 采用 `target="_blank"` 时加上 `rel="noopener"` 。
3. 用户体验至上: 不要滥用崭新窗口弹出功能 。

进阶知识