html 中使用路径可以链接其他页面、插入图片和嵌入样式表等。不同文件之间的路径设置不同，以下是常见的 html 文件路径设置方式。
相对路径是相对于当前文件所在目录的路径。相对路径可以简化代码，也方便进行文件管理。以下是几种常见的相对路径设置方式。
1.1. 链接其他页面
要链接到同一目录下的其他 HTML 文件，可以直接写文件名即可。
<a href="page2.html">Page 2</a>
要链接到父级目录下（上一级）的 HTML 文件，可以在文件名前加上两个点“..”。
立即学习“前端免费学习笔记（深入）”；
<a href="../page1.html">Page 1</a>
注意：“..”表示上一级目录，可以使用多个点来表示多级目录，例如“../../”表示上两级目录。
1.2. 插入图片
要插入同一目录下的图片，可以直接写图片名即可。
<img src="image.jpg" alt="My Image">
要插入父级目录下的图片，可以在图片名前加上两个点“..”。
<img src="../image.jpg" alt="My Image">
1.3. 嵌入样式表
要嵌入同一目录下的样式表，在 HTML 文件中直接写样式表文件名即可。
<link rel="stylesheet" href="style.css">
要嵌入父级目录下的样式表，可以在样式表文件名前加上两个点“..”。
SDCMS-B2C商城网站管理系统是一个以php+MySQL进行开发的B2C商城网站源码。 本次更新如下： 【新增的功能】 1、模板引擎增加包含文件父路径过滤； 2、增加模板编辑保存功能过滤； 3、增加对统计代码参数的过滤 4、新增会员价设置（每个商品可以设置不同级不同价格） 5、将微信公众号授权提示页单独存放到data/wxtemp.php中，方便修改 【优化或修改】 1、修改了check_b
13
<link rel="stylesheet" href="../style.css">
绝对路径是从域名开始的完整路径，可以在任何文件中使用。以下是几种常见的绝对路径设置方式。
2.1. 链接其他页面
要链接到同一域名下的其他 HTML 文件，可以直接写链接的完整 URL。
<a href="http://www.example.com/page2.html">Page 2</a>
2.2. 插入图片
要插入同一域名下的图片，可以直接写图片的完整 URL。
<img src="http://www.example.com/image.jpg" alt="My Image">
2.3. 嵌入样式表
要嵌入同一域名下的样式表，在 HTML 文件中直接写样式表文件的完整 URL。
<link rel="stylesheet" href="http://www.example.com/style.css">
注意：使用绝对路径会使代码变得冗长，也会增加网页加载时间，所以不建议过多使用。
总结
以上是 HTML 路径设置的常见方式。相对路径是根据当前文件所在位置来确定链接、插入图片和嵌入样式表的路径，而绝对路径则是从域名开始的完整路径。根据具体的文件位置和需求选择合适的路径方式，可以简化代码、方便文件管理，并提高网页加载速度。
以上就是常见的HTML文件路径设置方式的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
560
收藏
