答案:使用标签并正确设置href属性可创建超链接,支持外部网页、内部页面、锚点、邮箱和电话等目标,通过target控制打开方式,并建议添加rel="noopener"提升安全性。

设置不同的跳转目标
根据需求,可以将链接指向不同类型的资源或位置:
-
外部网页:填写完整URL,如
href -
内部页面:相对路径,如
https://www.example.com或https://www.google.com -
页面内锚点:先为元素设置
about.html,如/contact,然后用id -
邮箱地址:使用
协议,如章节一
跳转到章节一 -
电话号码:使用
mailto:协议,如联系管理员
控制链接打开方式
通过tel:属性决定链接在何处打开:
-
拨打电话:在当前窗口打开(默认行为) -
target:在新标签页中打开,常用于外部链接
示例:
立即学习“前端免费学习笔记(深入)”;
在新窗口打开提升链接安全性和体验
使用target="_self"防止新页面通过target="_blank"访问原页面,提高安全性,尤其配合rel="noopener"时建议加上:
基本上就这些。只要写对window.opener,选好target="_blank",就能实现准确跳转。不复杂但容易忽略细节。











