2 qflyalltime qflyalltime 于 2017.01.09 20:31 提问

新手关于局对路径 相对路径 本地路径概念还是很疑惑

(删除了/img) 问题1(实验了下没有把图专门放在Head First Lounge.html 的那个目录下)按自己的理解分别用绝对路径和相对路径写了一 段代码,结果图1直接没有 图2不显示图片说明
图drinks.gif的本地路径如下 E:\前端实践\workspace\headfirst资源\chapter2\lounge
文件Head First Lounge.html 在E:\前端实践\workspace\practise里 大神帮我看看是什么原因。
如果必须把图专门放在Head First Lounge.html 的那个目录下(practise),是不是一旦把practice上传到服务器 服务器无法在访问本地路径的东西?
问题2
假如我的内容从上到下就占屏幕的一半,我用HTML的时候,CSS中border的框是框满整个屏幕的(屏幕下半部分空白也框住了) 用HTML5的时候是文本写到哪框到哪
html5不是包含HTML吗 增加了新元素而不应该改变旧元素啊
如果想有之前的边框效果应该怎么写代码
像这种 常用的旧元素的改变 我应该在哪找
纯新手 问题奇葩不要喷

6个回答

u010528826
u010528826   2017.01.09 20:59
已采纳

H5不是很熟,说说第一个问题
绝对路径:指的是一个已经固定死了的位置。比如你的第一种写法,已经很明确的固定了位置在E盘下某个位置。就不多说了
相对路径:指的是相对自己当前的位置,即从你当前位置去寻找,不固定,灵活性高。
比如你的第二种写法,它是从Head First Lounge.html的位置去寻找 *.gif。html的当前位置在 practise下,../表示往上一级,即从practise开始
那么第二种写法的意思就是找 practise/headfirst...../drinks.gif,很明显practise下没有这个文件,所以不能显示图片。
我根据你的两种写法对比,猜测你第二种写法前面再加../应该就可以访问。

一旦把practice上传到服务器,服务器是无法在访问本地路径的东西的。所以你这里最好是改成相对路径。

至于你第二个问题,可能要根据你实际代码来看看了。

qflyalltime
qflyalltime 回复小羊也疯狂: 刚我说的是相对路径 绝对路径我朋友说是有可能浏览器不支持FILE协议
11 个月之前 回复
qflyalltime
qflyalltime 去掉HTML5的标志 <!DOCTYPE html><meta charset="UTF-8"> 就能显示了 深层原因 我不知道 毕竟是新手
11 个月之前 回复
u010528826
u010528826 嗯,对的。我翻了下之前写的,确实说错了。骚瑞~
11 个月之前 回复
qflyalltime
qflyalltime 你说的其实有问题 ../ 就已经从practice到workspace了 workspace是公用目录 可以从里面往下级目录里不断延伸找图片了
11 个月之前 回复
showbo
showbo   Ds   Rxr 2017.01.09 20:56

发布网站后由于安全问题是不能用file:///这种本地路径的,因为你都不知道客户端是否有e这个盘符。

相对路径是依据当前文件路径结算出来的,和dos下的目录一个意思,绝对路径(以/)开头的是网站的根目录开始算起,还有一种绝对路径就是附带协议的

caozhy
caozhy   Ds   Rxr 2017.01.09 20:45

本地路径就是在服务器上的文件的路径,因为是本机所以叫本地
绝对路径就是无论这个资源在哪里,都可以访问到的路径,一般以http://主机或者域名开始/...绝对路径相当于全局变量,好处是无论项目变更,访问它们都是一个路径,因此用于放全局的,不移动的资源。
相对路径是指,它的绝对路径取决于它的父路径在哪里。相对路径的好处是,你整体搬移一个目录,其中文件之间的相对关系不用修改,还是成立的。

qflyalltime
qflyalltime 那你看下我这些写的哪不对啊,该怎么改
11 个月之前 回复
JE_GE
JE_GE   2017.01.09 21:15

写文本项目就使用绝对路径或者相对路径都可以,不能使用本地路径

qflyalltime
qflyalltime   2017.01.09 23:30

使用相对路径时 因为使用的是UTF-8编码 路径中 是不能出现中文的

zhangpan_soft
zhangpan_soft   2017.01.09 20:37
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!