链接格式有哪些？网站搭建必知的几种常见写法
做网站时，链接是绕不开的基础元素。不管是跳转到另一篇文章，还是引导用户下载文件，链接的格式直接影响功能是否正常。常见的链接格式其实就那么几种，搞清楚它们的用途和写法，能少踩很多坑。
绝对链接
绝对链接就是完整的网址，从协议开始，包含域名、路径、参数等全部信息。这种链接无论放在哪个页面都能正确跳转，适合跨站引用。
<a href="https://www.example.com/blog/post.html">阅读文章</a>比如你在微信公众号里发一篇文章，想指向自己网站的某个页面，就必须用绝对链接，不然别人根本找不到地方。
相对链接
相对链接是相对于当前页面位置的路径写法，常用于站内跳转。它不带域名，只写后续路径，结构更简洁。
假设你现在在 https://yoursite.com/about/team.html 这个页面，想跳到同级的 contact.html，可以直接写：
<a href="contact.html">联系我们</a>如果目标在上级目录，就用 ../ 返回一层：
<a href="../index.html">回到首页</a>多层目录也一样，逐级往上或往下走就行。这种写法在本地开发特别方便，换域名也不用改链接。
根相对链接
根相对链接以斜杠开头，表示从网站根目录开始找文件。它不受当前页面路径影响，适合大型站点统一管理。
<a href="/images/photo.jpg">查看大图</a>不管这个链接出现在 /blog/2024/post.html 还是 /help/faq.html，都会去请求根目录下的 images 文件夹。比相对路径更稳定，又比绝对链接灵活。
锚点链接
页面内容太长时，可以用锚点实现内部跳转。给目标元素加一个 id，然后在链接中用 # 指向它。
<h2 id="section1">第一章</h2>
<a href="#section1">跳到第一章</a>点击后页面会自动滚动到对应位置，常见于帮助文档或产品说明页。多个页面之间也能用，比如 article.html#comments 直接定位到评论区。
伪协议链接
有些链接不是跳转网页，而是触发特定操作，这类用伪协议实现。
打电话：
<a href="tel:13800138000">拨打热线</a>发邮件：
<a href="mailto:admin@example.com">发送邮件</a>下载文件（强制触发下载）：
<a href="/files/report.pdf" download>下载报告</a>这些小技巧在移动端尤其有用，一点就能拨号，用户体验立马提升。
带参数的链接
动态网站经常需要传参，比如搜索结果、跟踪来源。参数跟在 ? 后面，多个用 & 连接。
<a href="/search?q=教程&type=video">视频教程</a>广告投放常用 utm_source 这类参数标记流量来源，后台能清楚知道用户是从哪来的。