HTML: 相对地址与绝对地址

最新推荐文章于 2025-05-12 10:53:06 发布
转载 最新推荐文章于 2025-05-12 10:53:06 发布 · 1.3w 阅读 · 9

本文通过故宫和文件系统的例子，介绍了相对路径与绝对路径的概念及其应用。对于不同背景的用户，选择合适的路径表达方式至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

举例： 以故宫为例：

对于北京当地人来说，你说【】故宫】他就知道在哪，对于外国人来说你要告诉他在【中国北京故宫】

再以文件夹【 C://User/HTML】为例：

在HTML文件夹中的web文件添加Photo或者URl中的内容的超链接，

用绝对路径是C://User/HTML/photo

相对路径是 /photo

综合：相对路径是相对与当前路径的位置，是简单得编写

 

相对/绝对路径的缩写URL地址填充
Nnnn的博客
07-21 407
在互联网上搜集信息，经常会遇到一些URL网址的缩写，比如“/a/b.html”或“a/b.html”。这两种缩写的URL地址是不能被直接识别的，所以需要根据当前的URL网址进行转换。手动转换对于自动化程度较高的过程来说，显得比较麻烦。不如稍微研究解决出数据处理的代码来得方便。 URL网址格式一般为：[protocol]://[host]/[path]/[filename]。不包含文件名filename的这里不做讨论。URL地址的协议分割符号为冒号+双斜杠 -- “://”，...
绝对地址和相对地址
weixin_30782331的博客
10-25 1124
绝对地址和相对地址是网站开发基础知识中很重要的知识点。1.在网页中插入文件时，不可以使用硬盘的绝对路径 举个例子，在网页中插入图片，代码如下： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-...
HTML5 定位详解：相对定位、绝对定位和固定定位
最新发布
JJH2724719395的博客
05-12 1721
使用 top、right、bottom、left 属性进行精确定位。使用 top、right、bottom、left 属性进行定位。如果没有已定位祖先，则相对于初始包含块(通常是html元素)元素相对于最近的已定位祖先元素(非static)进行定位。常用于导航栏、返回顶部按钮等需要固定在屏幕某处的元素。常用于微调元素位置或作为绝对定位元素的参照。不会脱离文档流，原来的空间仍然保留。元素相对于其正常位置进行偏移。常用于创建浮动元素、对话框等。元素相对于浏览器窗口进行定位。完全脱离文档流，不占据空间。
相对地址与绝对地址
灰寨小学的python---小陈
07-07 4578
相对地址与绝对地址 网页上引入或链接到外部文件，需要定义文件的地址，常见引入或链接外部文件包括以下几种： &lt;!-- 引入外部图片 --&gt; &lt;img src="images/001.jpg" alt="图片" /&gt; &lt;!-- 链接到另外一个网页 --&gt; &lt;a href="002.html"&gt;链接到网页2&lt;/a&
相对地址和绝对地址
桂林电子科技大学 -芳
03-21 1555
发起user/some.do的get请求
Java路径总结：相对路径与绝对路径解析
3. JSP/Servlet中的相对路径与绝对路径 在服务器端，JSP和Servlet中的相对路径处理与客户端不同。当在服务器端进行操作，如`request.getRequestDispatcher()`或`response.sendRedirect()`，这里的相对路径是相对于...
HTML的a标签href属性指定相对路径与绝对路径的用法讲解
12-14
HTML相对路径指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。例如：文件1.htm的绝对路径是：d:/www/html/1.htm文件2.htm的绝对路径是：d:/www/html/2.htm那么：1.htm相对于2.htm的路径就是：1.htm ...
基础 HTML之目录问题(相对路径和绝对路径区别)
12-13
其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径...
使用jQuery mobile库检测url绝对地址和相对地址的方法
10-23
在进行前端开发时，处理URL是网页应用中常见的需求之一，特别是在移动设备上，很多时候我们可能会需要判断当前的URL是绝对地址还是相对地址，以便做出进一步的操作。jQuery Mobile是一个成熟的框架，用于开发响应式...
【前端学习笔记day09】2.5. html图像标签、绝对路径和相对路径
01-08
像网页上插入图片这种外部文件，需要定义文件的引用地址，引用外部文件还包括引用外部样式表，javascript等等，引用地址分为绝对地址和相对地址。 绝对地址：相对于磁盘的位置去定位文件的地址 相对地址：相对于引用...
绝对地址与相对地址
ly_jewel的博客
05-20 2842
比如说，一个图片放在桌面上。 绝对地址：就是它在电脑中的位置，c://*** 如果你在一个HTML中使用了该图片，这个HTML文件在别的电脑上使用时，就需要在相同的位置（c://***）有该图片。 相对地址：同一文件夹下（同一级）该图片的名称 HTML文件在别的电脑上使用时，只需要在同一级下有该文件。 百度百科： 相对地址：就是被链接文件相对于当前页面的地址。 比如说，链...
各种地址（绝对地址，相对地址，线性地址，虚拟地址，物理地址，逻辑地址）
sun的博客
02-23 1938
└─── 虚拟地址（进程视角）───────┘ 绝对地址（硬件固定地址）采用平坦内存模型（段基址设为0），逻辑地址直接等于线性地址，再通过分页映射到物理地址。逻辑地址（段选择符:偏移量） → 分段机制 → 线性地址 → 分页机制 → 物理地址。如果没有分段，线性地址等于逻辑地址。中的地址空间，由操作系统通过内存管理机制（如分页、分段）映射到物理地址。可能通过分页动态映射，而绝对地址是物理地址的子集（静态映射部分）。芯片（如RAM）上的实际地址，CPU通过总线直接访问的物理位置。
服务器端的相对地址与绝对地址
Mr_Pang的专栏
09-13 1511
在servlet与jsp编程中，我们经常会用到/filelocation这种模样的路径。这东西真是不明白的话，能害死人啊。今天第一次尝试用servlet，就因为这个，找不到北了。还是看到这篇文章，才明白过来。 我只说让我迷茫的那点，就是文件名前面带着斜杠的，表示是相对于ROOT目录，或者WebRoot目录。详细内容还请看那篇文章。
HTML页面绝对定位+相对定位
deep_zhuheihei的博客
04-22 1647
定位的专业解释 　(1)语法　position:static|absolute|fixed|relative (2)说明：从上面语法可以看出，定位的方法有很多种，它们分别是静态(static)，绝对定位(absolute)，固定(fixed)，相对定位(relative)。在这个教程里，我不逐一讲，只讲最常用也是最实用的两个定位方法：绝对定位(absolute)、相对定位(relative)。 绝对定位(absolute)：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top，botto
html绝对位置和相对位置例子,详解css相对定位和绝对定位
weixin_33628926的博客
06-09 589
赞助我以写出更好的文章，give me a cup of coffee?案例代码1.rel{border: 1px solid #ccc;height: 200px;width: 200px;}.rel1{position: relative;left: 100px;top:100px;background: blue;height: 50px;width: 50px;}相对定位具有的属性-11....
html中相对位置与绝对位置介绍
hdxx2022的博客
12-04 1697
描述一个地区的位置有两种方法：相对位置和绝对位置。本文主要介绍了html中相对位置与绝对位置的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着微点阅读小编来一起学习学习吧用户在浏览网站时经常会看到左侧有一种宣传栏，它不会随着鼠标滚动而不被用户看到，它会始终以页面的中心为参照物始终保持在左侧一个固定的位置，今天我们来做一下这个小例子，让我们先了解一下盒模型和相对丶绝对位置的前端知识。盒模型分为两种一种是标准模型，另一种是IE模型，它的组成由外向里是ma
HTML链接路径详解：相对与绝对地址
链接分为两种类型：相对地址和绝对地址。相对地址是指相对于当前文件位置的链接，它更常见，例如`上级目录</a>`表示当前目录的上一级目录中的`web1.htm`文件。而`上上级目录</a>`则指向当前目录的上两级目录中的`web...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值