AI 中文社
Copyright © 2022-2024 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.3·
页面加载耗时 0.00 毫秒·物理内存 64.6MB ·虚拟内存 1300.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
HTML 文件路径
文件路径描述了网站文件夹结构中某个文件的位置。
文件路径会在链接外部文件时被用到：
- 网页
- 图像
- 样式表
- JavaScript
| 路径 | 描述 |
|---|---|
| <img src="picture.jpg"> | picture.jpg 位于与当前网页相同的文件夹 |
| <img src="images/picture.jpg"> | picture.jpg 位于当前文件夹的 images 文件夹中 |
| <img src="/images/picture.jpg"> | picture.jpg 当前站点根目录的 images 文件夹中 |
| <img src="../picture.jpg"> | picture.jpg 位于当前文件夹的上一级文件夹中 |
1. 绝对文件路径
绝对文件路径是指向一个因特网文件的完整 URL：
范例
<img src="http://static.aizws.net/pics/32/f0/32f0cad807e0afce4ec93d641da97225.jpg" alt="flower">
<img> 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。
2. 相对路径
相对路径指向了相对于当前页面的文件。
在本例中，文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
范例
<img src="/images/picture.jpg" alt="flower">
在本例中，文件路径指向了位于当前文件夹中 images 文件夹里的一个文件：
范例
<img src="images/picture.jpg" alt="flower">
在本例中，文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件：
范例
<img src="../images/picture.jpg" alt="flower">
3. 好习惯
使用相对路径是个好习惯（如果可能）。
如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。
下一章：HTML 头部元素
1. HTML <head> 元素：<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。