如何修改现有HTML导航链接使其跳转至指定外部网站
HTML导航链接跳转外部站修改方法
你只需要修改<a>标签的href属性即可实现需求:
原代码中href="#news"是页内锚点规则,仅会定位到当前页面内id为news的元素,不会跳转其他站点。你需要把href的属性值替换为目标站点的完整访问地址,必须带http://或https://前缀,基础修改示例如下:
<li class="nav-item"> <a class="nav-link" href="https://替换为你要跳转的目标站点完整地址">Link Accounts</a> </li>
如果需要点击后在新标签页打开外部站点,避免覆盖当前正在浏览的页面,可以额外增加两个属性,兼顾使用体验和安全:
<li class="nav-item"> <a class="nav-link" href="https://替换为你要跳转的目标站点完整地址" target="_blank" rel="noopener noreferrer">Link Accounts</a> </li>
target="_blank":指定链接在新的浏览器标签页打开rel="noopener noreferrer":避免新打开的外部站点获取原页面的上下文信息,规避隐私泄露和恶意跳转风险
内容的提问来源于stack exchange,提问作者Woodington14
相关产品推荐
相关产品推荐

