什么是html中的物理路径

在网页开发中，我们经常会遇到各种文件的引用问题，比如图片、CSS样式表、JavaScript脚本等，这些文件通常不是直接嵌入到HTML代码中的，而是通过某种方式引用的，这种方式就是通过文件的路径来定位和引用文件，在HTML中，我们通常使用物理路径来引用这些文件，什么是HTML中的物理路径呢？

物理路径，顾名思义，就是文件在计算机硬盘上的实际位置，它是一个绝对路径，表示的是文件在硬盘上的完整位置，包括盘符、文件夹名称和文件名称，如果我们有一个图片文件，它的物理路径可能是C:\Users\Username\Documents\images\pic.jpg。

在HTML中，我们可以通过<img>标签的src属性来引用图片文件，通过<link>标签的href属性来引用CSS样式表，通过<script>标签的src属性来引用JavaScript脚本，在这些属性中，我们可以填写文件的物理路径，以实现对文件的引用。

如果我们有一个图片文件，它的物理路径是C:\Users\Username\Documents\images\pic.jpg，那么我们可以在HTML代码中这样引用它：

<img src="C:\UsersUsername\Documents\images\pic.jpg">

同样，如果我们有一个CSS样式表文件，它的物理路径是C:\Users\UsernameDocuments\css\style.css，那么我们可以在HTML代码中这样引用它：

<link rel="stylesheet" href="C:\Users\Username\Documents\css\style.css">

如果我们有一个JavaScript脚本文件，它的物理路径是C:\Users\Username\Documents\js\script.js，那么我们可以在HTML代码中这样引用它：

<script src="C:\Users\Username\Documents\js\script.js"></script>

虽然物理路径可以精确地定位文件的位置，但它并不适用于所有情况，因为物理路径是固定的，如果我们将HTML文件移动到其他位置，或者将其他文件复制到相同的位置，那么就需要修改HTML代码中的物理路径，这显然是非常麻烦的，我们通常会使用相对路径来引用文件。

相对路径是相对于HTML文件的位置来说的，它只包含从HTML文件到目标文件的相对路径，而不包含目标文件的具体位置，如果我们有一个图片文件，它的物理路径是C:\Users\Username\Documents\images\pic.jpg，而HTML文件的位置是C:\Users\Username\Documents\projects\myproject\index.html，那么图片文件的相对路径就是images/pic.jpg。

在HTML代码中，我们可以这样引用图片文件：