HTML 文件路径



  • HTML文件路径

    一些常见的文件路径描述:

    路径表示法 描述
    <img src ="f1.jpg"> f1.jpg与当前HTML文档在同一文件夹中
    <img src ="images/f1.jpg"> f1.jpg位于当前文件夹的images文件夹中
    <img src ="/images/f1.jpg"> f1.jpg位于根目录下的images文件夹中
    <img src ="../images/f1.jpg"> f1.jpg位于当前目录的上一级的images文件夹中

    文件路径描述了网站文件夹结构中文件的位置。链接到外部文件时使用文件路径,如:

    • 网页
    • 图片
    • CSS
    • JavaScript
    有关HTML图像的章节中解释了<img>标记以及srcalt属性。
  • 绝对文件路径

    绝对文件路径是Internet文件的完整URL:

    <img src="https://www.jc2182.com/images/f1.jpg" alt="风景1">
                                    
    
    尝试一下
  • 相对文件路径

    相对文件路径指向相对于当前页面的文件:

    <!-- 相对该web站点的根目录的地址-->
                                            <img src="/images/f1.jpg" alt="风景1">
                                            <!-- 相对当前文件下的地址-->
                                            <img src="images/f1.jpg" alt="风景1">
                                    
    
    尝试一下
  • 提示:最佳做法是使用相对文件路径(如果可能)。
    使用相对文件路径时,您的网页不会绑定到当前的基本URL。
    所有链接都可以在您自己的计算机(localhost)以及您当前的域名和您未来想换到别的域名上运行。