Bootstrap nav tab-pane内链接自动拼接域名异常如何解决

该异常和Bootstrap的nav-pill、tab-pane组件没有关联，是两处基础HTML写法错误导致的：

• 链接路径写法不符合规范：你在href中填写的地址没有加https://协议前缀，属于相对路径格式，浏览器会默认将其识别为当前站点下的子路径，自动拼接当前页面域名，这是HTML标准解析逻辑。你代码中另一个写了完整https://前缀的外部链接就没有出现拼接问题，也能佐证这点。
• 属性引号使用错误：最终渲染的链接中出现的%E2%80%9D是智能右引号”的URL转义结果，说明你编写href属性时误用了中文弯引号，而非英文半角引号，导致浏览器没有正确识别属性值边界，把引号字符也拼入了最终链接地址。

1. 调整链接路径写法：同域名下的站内链接优先使用根相对路径，直接以/开头写资源路径即可，无需携带域名，示例写法：href="/attractions/edmonton-corn-maze"；如果要写完整绝对路径，必须带上https://协议前缀。
2. 全局检查HTML代码的符号使用：所有标签属性的引号必须使用英文半角的双引号"或单引号'，禁止使用中文弯引号，避免属性解析异常。

修复后对应位置的代码参考：

<a href="/attractions/edmonton-corn-maze" class="btn btn-outline-primary me-2" title="The Edmonton Corn Maze" alt="The Edmonton Corn Maze Link">
  Link to our Review
</a>

验证说明：即使你将tab组件替换为list group组件，只要上述两处写法错误没有修正，链接异常问题会依然存在，和使用的Bootstrap组件类型无关。

内容的提问来源于stack exchange，提问作者TanishaEileen