链接基础
a 标签 href/target、绝对路径与相对路径、邮件/电话链接
HTML 链接
<a> 标签是互联网的基石——从当前页面跳转到另一个页面、文件、或同一页面的某个位置。
学完本章你将： 掌握 href/target、绝对/相对路径、锚点书签。
基本链接
html
<!-- 跳转到外部网站 -->
<a href="https://www.baidu.com">百度一下</a>
<!-- 跳转到同一网站的其他页面 -->
<a href="/about.html">关于我们</a>
<a href="../index.html">返回首页</a>target 属性
html
<!-- _blank：新标签页打开 -->
<a href="https://example.com" target="_blank">新窗口打开</a>
<!-- _self：当前窗口打开（默认） -->
<a href="https://example.com" target="_self">当前窗口打开</a>绝对路径 vs 相对路径
html
<!-- 绝对路径：完整 URL -->
<a href="https://example.com/images/photo.jpg">图片</a>
<!-- 相对路径：相对于当前页面 -->
<a href="images/photo.jpg">同级目录</a>
<a href="../images/photo.jpg">上级目录</a>
<a href="/images/photo.jpg">根目录</a>锚点书签
html
<!-- 定义锚点 -->
<h2 id="section1">第一节</h2>
<!-- 跳转到锚点 -->
<a href="#section1">跳转到第一节</a>
<!-- 从其他页面跳转到锚点 -->
<a href="page.html#section1">跳转到某页的第一节</a>