html中相对单位 html相对链接

相对链接基于当前页面位置指向目标文件，无需完整URL。相同目录直接写文件名，进入子目录用斜杠，返回上级用../，多级上级连续使用../../.器测试。相比含完整地址的绝对链接相对，链接更利于站内跳转与项目迁移。

在HTML中使用相对链接是构建网站时的基础技巧。它让页面之间可以相互跳转而不用担心，同时避免因编码硬完整URL带来的维护问题饢详细介绍如何书写HTML相对链接。什么是相对链接

相对链接是指相对于当前页面位置的路径，是完整的网址（绝对链接）。浏览器会根据当前页面的URL自动补全目标地址。 /project/page.html，想链接到同目录下的about.html，只需写文件名即可：lt；a href="about.html"gt；关于我们lt；/agt；常见路径相对写法

掌握下面几结构，基本覆盖所有场景：

立即“学习前端学习笔记（深入）”；标书免费对比王

标书对比王是一款标书查重工具，支持多份标书文件两两相互比对，重复内容高亮标记，可快速定位重复内容原所在位置，并可导出比对报告。

58查看详情相同目录下文件：直接写文件名lt；a href="contact.html"gt；联系我们lt；/agt；进入子目录：用斜杠指向子文件夹中的文件lt；a href="images/photo.jpg"gt；查看图片lt；/agt；返回上级目录：用../ 返回上一级lt；a href="../index.html"gt；返回首页lt；/agt； 多级上级目录：连续使用../../lt；a href="../../docs/guide.html"gt；使用指南lt；/agt；相对链接的实际应用建议

为了保证链接稳定有效，注意说明：文件和目录名尽量小写，服务器区分大小写导致错误使用简洁、有意义的文件名，如about.html和page2.html保持目录结构，比如将图片清晰放在img/或images/上文件夹中http://www.html文件导致路径异常与绝对链接的区别

绝对链接包含完整协议和域名，例如：lt；a href="https：//example.com/about.html"gt；关于lt；/agt；

适合跳转外部网站。而相对链接更适合站内基本上就这些。只要理清文件之间的同源的跳转。

以上就是html相对链接怎么打_html相对链接如何打专业指南的详细内容，更多请关注乐哥常识网其他相关文章！相关标签： html编码浏览器 html文件区别 html href https大家都在看： html如何换行显示_HTML文本（white-space/word-wrap）换行方法如何划分html区域_HTML页面区域划分（div/section）与布局方法 手机HTML转换器入口下载HTML手机版转换器破解版html在线美化工具_html美化工具网页版入口 Mac zsh配合oh-my-zsh写HTML命令自动补全