龙空技术网

小猿圈分享H5路径相关内容

路飞学城Luffycity 290

前言:

而今同学们对“h5添加图片路径”都比较看重,大家都需要了解一些“h5添加图片路径”的相关内容。那么小编在网络上网罗了一些有关“h5添加图片路径””的相关知识,希望各位老铁们能喜欢,姐妹们快快来学习一下吧!

现在学习前端你的小伙伴都在迷茫遇到问题,该怎么办?怎么去处理,找不到老师怎么办?这些也是小猿圈web前端老师担心的,以后每天小猿圈都会为大家分享一些关于学习前端中的一些小问题,今天分享的是H5路径相关内容。

路径src的两种赋值方式:

1、通过相对路径赋值

2、1.1 同级:同级就是"图片"和".html文件"存储在同一个文件夹中

3、格式:src="imageName.jpg"

4、含义:在 .html 文件所在的文件夹中找到名为 imageNam.jpg 的图片。

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

格式:src="images/imageName.jpg"

含义:在 .html 文件所在的文件夹中找到 images 文件夹,然后再在images文件夹中找到叫做 imageName.jpg 的图片。

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

格式:src="../imageName.jpg"

含义:含义:在 .html 文件所在的文件夹中找到这个文件夹的上一级文件夹, 然后再在上一级文件夹中找到名称叫做 imageName.jpg 的图片

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

通过绝对路径赋值(开发中一般不用)

绝对路径每次都要从指定的位置开始查找。

注意:

路径中最好不要出现中文。

使用“相对路径”来指定图片,则不能够跨盘操作(根目录在F盘,不能去G盘查找图片)。

今天的知识点就分享到这里了,有需要的朋友欢迎点赞评论转发,想了解更对web前端内容的朋友可以关注小猿圈的每天的动态,会不定时更新很多更好的内容奉献给大家,希望对你的学习有所帮助。

标签: #h5添加图片路径 #h5添加图片路径怎么添加