细谈HTML的本地图片和本地相对路径
HTML中使用本地图片通常涉及两个概念：相对路径和绝对路径。
- 绝对路径：指文件在磁盘上真正的路径，完整的指向文件的路径，包括盘符。例如：
<img src="C:\Users\Username\Documents\Website\images\photo.jpg" alt="Photo">- 相对路径：指文件相对于当前文件的路径。例如，如果你的HTML文件和图片在同一个目录下，你可以这样写：
<img src="photo.jpg" alt="Photo">如果图片在上一级目录：
<img src="../photo.jpg" alt="Photo">如果图片在下一级目录的"images"文件夹中：
<img src="images/photo.jpg" alt="Photo">在Web开发中，通常使用相对路径。绝对路径在本地测试时可以正常工作，但在部署到Web服务器上时，路径可能会发生变化，从而导致图片无法显示。因此，使用相对路径可以保证无论在哪里图片都能正常显示。
评论已关闭