href 相对路径
    在前端开发中，我们常常需要用到 href 属性来指定一个超链接。超链接可以是指向同一个网站内的页面，也可以是指向其他网站的页面。而这个 href 属性还支持相对路径的写法。
    相对路径指的是文件路径相对于当前文件的路径。相对路径的写法有很多种，比如：
    ./：表示当前目录。
    ../：表示当前目录的上一级目录，也就是父级目录。
    在实际编写代码时，我们需要灵活运用这些相对路径的写法，以便更好地管理和维护我们的文件。
    下面我们就来看一下相对路径的一些使用技巧。
    一、相对路径的基本写法
html href属性
    相对路径的基本写法是：从当前文件路径开始，一级一级地查目标文件。比如，我们有
一个 index.html 文件和一个文件夹 css，css 文件夹里有一个 style.css 文件。如果我们要在 html 文件中引用 style.css 文件，就可以使用相对路径的写法：
    ```
    <link rel="stylesheet" href="./css/style.css">
    ```
    上面的代码中，"." 表示当前目录，"./css/style.css" 表示相对于当前文件路径的 css/style.css 文件。
    二、使用 "../" 访问父级目录下的文件
    有时候我们需要访问父级目录下的文件，就可以使用 "../" 来表示上一级目录。比如，我们有如下目录结构：
    有时候我们需要访问站点根目录下的文件，就可以使用 "/" 符号来表示根目录。比如，我们有一个站点，根目录下有一个 img 文件夹和一个 index.html 文件。现在我们需要在 inde
x.html 页面中引用 img 文件夹中的图片，就可以这样写相对路径：
    上面的代码中，"/" 表示站点的根目录，这样就能够访问到 img/logo.png 文件了。
    四、使用相对路径的注意事项
    在使用相对路径时需要注意以下几点：
    1、相对路径访问的是当前文件所在的位置，而不是当前网站的位置。
    2、相对路径是区分大小写的。
    3、相对路径不能包含空格，否则会出现解析错误。
    4、相对路径中的斜杠（/）在不同操作系统下有不同的表现。在 Windows 系统下，斜杠为 "\"，在 Linux 和 Mac 系统下，斜杠为 "/"。
    5、相对路径中的路径分隔符最好保持一致，不要使用混合的路径分隔符，否则会出现解析错误。
    总之，相对路径是我们前端开发中常用的一种路径写法，熟练掌握相对路径的使用技巧可以帮助我们更好地管理和维护我们的文件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。