美文网首页
三,HTML中的路径问题

三,HTML中的路径问题

作者: 绝恋轩儿 | 来源:发表于2017-01-06 19:07 被阅读0次

一,给src属性赋值的两种方式

1,相对路径

每次都是从".html"文件所在文件夹中开始查找

1)同级

图片与".html"文件在同一个文件夹中

格式:src="××.jpg/png/gif"

含义:在.html文件所在的文件夹中查找名称叫做××.jpg/png的图片

2)下级

下级就是"存储图片的文件夹"和".html文件"在同一个文件夹中

格式: src="文件夹1/××.jpg/png"

含义:在文件夹1中找到名为××.jpg/png的图片

3)上级

上级就是"存储图片的位置"和存"储代码的文件夹"在同一个文件夹中

格式: src="../××.jpg/png"

含义:在.html文件所在的文件夹中找到这个文件夹的上一级文件夹,然后再在上一级文件夹中找到名

称叫做××.jpg/png的图片

其中../代表找到当前文件夹的上一级文件夹

2,绝对路径(了解)

绝对路径就是每次都从指定的盘符开始查找

格式: src="C:\Users\lv-pc\Desktop\HTML\××.jpg/png"

因为绝对路径可移植性不好,所以一般在企业开发中,很少用到,我们只要做个简单得了解就可以

了。

3,注意点

1)路径中不要出现中文,否则可能出现未知问题

2)如果是通过"相对路径"来指定图片,不能跨盘符

3)例如.html文件在C盘,那么不能去查找D盘图片

相关文章

  • 三,HTML中的路径问题

    一,给src属性赋值的两种方式 1,相对路径 每次都是从".html"文件所在文件夹中开始查找 1)同级 图片与"...

  • iOS webView 加载本地html 静态资源的路径问题

    iOS中webView加载本地html、js、css、image的路径问题 将html、css、js、image等...

  • angular4+electron开发遇到的坑

    这是由于angular打包后的index.html中 路径不对,改为 即可解决问题

  • HTML出错率

    关于路径的问题如果你的图片放在image文件夹下,html文件放在index下,那么在index.html中访问1...

  • img标签的路径问题

    路径问题。 其实想给src 属性赋值 有两种方式 相对路径相对路径就是每次从.html文件所在的文件夹中查找,我们...

  • 路径

    views中访问HTML静态页面·相对路径 在views定义的函数中访问指定的静态HTML页面 写的相对路径 de...

  • 好程序员分享html图片绝对路径改相对路径

    好程序员分享html图片绝对路径改相对路径,要弄懂相对路径修改成绝对路径那么必须要知道路径的基本概念。 html中...

  • html和css进阶

    一、相对地址和绝对地址 当我们在HTML文件中引入外部的CSS或者js文件的时候,会有一个路径的问题,这个路径分为...

  • 第二天(2.14-2.15)

    一.html的后缀名必须命名为.html 二.常见标签的用法 三.相对路径与绝对路径 1.绝对路径:带有盘符的,...

  • CSS中的奇葩错误

    您是否遇见过这样的错误:在index.html中 路径是再三检查后,是正确的在chrome调试中,network打...

网友评论

      本文标题:三,HTML中的路径问题

      本文链接:https://www.haomeiwen.com/subject/ledxbttx.html