首页 > 其他分享 >HTML 文件路径

HTML 文件路径

时间:2022-12-13 11:14:37浏览次数:40  
标签:文件 HTML 指向 路径 文件夹 相对路径

 

 

HTML 文件路径

文件路径描述了网站文件夹结构中某个文件的位置。

文件路径会在链接外部文件时被用到:

  • 网页
  • 图像
  • 样式表
  • JavaScript

绝对文件路径

绝对文件路径是指向一个因特网文件的完整 URL:

<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">

相对路径

相对路径指向了相对于当前页面的文件。

在本例中,文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件:

<img src="/images/picture.jpg" alt="flower">

在本例中,文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件:

<img src="../images/picture.jpg" alt="flower">

好习惯

使用相对路径是个好习惯(如果可能)。

如果使用了相对路径,那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。

 

标签:文件,HTML,指向,路径,文件夹,相对路径
From: https://www.cnblogs.com/JohnsonQ/p/16978024.html

相关文章

  • HTML Js
    HTML<noscript>标签HTML <noscript> 标签定义了替代内容,这些内容将显示给在浏览器中禁用了脚本或浏览器不支持脚本的用户:<script>document.getElementById("demo")......
  • b/s 大文件分片上传处理
    ​对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程......
  • 通过curl 导入nacos配置文件
    在命令行导入nacos配置文件:参考文档:https://blog.csdn.net/eddiehrs/article/details/114698951curl--location--requestPOST'http://nacosip:8848/nacos/v1/cs/conf......
  • HTML有序、无序、定义列表的使用
    一、无序列表1.基本语法<ul><li></li></ul>2.标签(1)声明无序列表<ul>...</ul>(2)无序列表项<li>...</li>3.无序列表特征1.没有顺序,每个li独......
  • 【Azure 应用服务】PHP应用部署在App Service for Linux环境中,上传文件大于1MB时,遇见
    问题描述在PHP项目部署在AppService后,上传文件如果大于1MB就会遇见413RequestEntityTooLarge的问题。 问题解决目前这个问题,首先需要分析应用所在的环境。在AppSe......
  • 使用 IDA 和 windbg 调试 LNK1123 转换到 COFF 期间失败:文件无效或损坏(中)
    使用IDA和windbg调试LNK1123转换到COFF期间失败:文件无效或损坏(中)原总结排错processmonitorvsIDAwindbg调试rcCVT1101LNK1123前言在​​上一篇文章​​​中,我们......
  • 记一次有教益的内存碎片转储文件分析经历
    记一次有教益的内存碎片转储文件分析经历原总结调试windbgdmp内存碎片heap堆前言其实,这篇文章早在​​2021​​缘起前一阵子,有朋友在微信上发了一段​​windbg​​This......
  • HTML 内联框架
    iframe用于在网页内显示网页。   添加iframe的语法<iframesrc="URL"></iframe>URL 指向隔离页面的位置。Iframe-设置高度和宽度height和width属......
  • ubuntu中在命令行如何打开图形界面的文件夹的几种方法
    方法一:使用自带的命令:nautilus.打开当前文件夹nautilus.打开指定路径文件夹nautilusddd/ccc/ 方法二:xdg-openxdg-open 命令相当于在Windows下双击快速打开......
  • html+css+js简易笔记
    html基本结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="view......