在HTML5中,路径主要涉及两个方面:文件路径和URL路径。
文件路径可以有两种形式:相对路径和绝对路径。
- 相对路径:指的是从当前文件所在目录开始的路径。例如,如果有一个HTML文件在“文件夹/子文件夹/index.html”中,那么在index.html中引入同一文件夹或子文件夹中的CSS或JavaScript文件的相对路径就是“./文件名”或“./文件夹/文件名”。
例如:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css">
</head>
<body>
<script src="./script.js"></script>
</body>
</html>
在这个例子中,./
表示当前文件夹。
- 绝对路径:指的是从根目录开始的完整路径。它包括所有目录和子目录的名称。在Web开发中,绝对路径通常用于引用跨域资源或者引用其他目录中的资源。
例如:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/path/to/styles.css">
</head>
<body>
<script src="/path/to/script.js"></script>
</body>
</html>
在这个例子中,/path/to/
是绝对路径。
2. URL路径
在HTML中,我们也需要引用Web上的资源,这通常使用URL。在URL中,同样可以使用相对URL和绝对URL。
- 相对URL:相对于当前文档的URL。例如,如果当前页面是"http://example.com/folder/page.html",那么相对URL是"../other_page.html",它会导航到"http://example.com/folder/other_page.html"。
- 绝对URL:包含完整的URL。例如"http://example.com/other_page.html"是一个绝对URL。