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

作者: f673630174f6 | 来源:发表于2019-04-28 14:22 被阅读0次

现在学习前端你的小伙伴都在迷茫遇到问题,该怎么办?怎么去处理,找不到老师怎么办?这些也是小猿圈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前端内容的朋友可以关注小猿圈的每天的动态前端自学交流群:820024416,会不定时更新很多更好的内容奉献给大家,希望对你的学习有所帮助。

相关文章

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

    现在学习前端你的小伙伴都在迷茫遇到问题,该怎么办?怎么去处理,找不到老师怎么办?这些也是小猿圈web前端老师担心的...

  • 小猿圈总结Linux常见命令(二)

    上文篇幅过长现在吧余下的小猿圈Linux老师总结的Linux常见命令继续分享给大家,想学习编程语言可以到小猿圈看看...

  • 小猿圈总结Linux常见命令(二)

    上文篇幅过长现在吧余下的小猿圈Linux老师总结的Linux常见命令继续分享给大家,想学习编程语言可以到小猿圈看看...

  • 关于android webview交互问题记录

    最近项目中有用到跟H5交互相关内容。需求:h5中调用原声方法显示View ,点击这个view显示分享选项对话框。 ...

  • 介绍

    什么场景下使用微信分享 线下推广、线上传播 分享渠道:H5、小程序、App 分享方式:微信好友、朋友圈、QQ好友、...

  • 小猿圈分享Java创建表格

    private static void putRow(SyncClient client, String pkVa...

  • 小猿圈分享Java面试题

    马上又到毕业季了,很多同学都很迷茫,不知道该选择哪个方向,也有的同学害怕找不到工作,今天小猿圈就给大家分享一下关于...

  • 小猿圈分享Java创建表格

    private static void putRow(SyncClient client, String pkVa...

  • 小猿圈分享Java面试题

    马上又到毕业季了,很多同学都很迷茫,不知道该选择哪个方向,也有的同学害怕找不到工作,今天小猿圈就给大家分享一下关于...

  • 小猿圈分享Web安全学习笔记

    最近有很多网友在了解web安全方面的知识,但是因为没有好的老师带,针对这个情况小猿圈web安全每天会分享一个web...

网友评论

    本文标题:小猿圈分享H5路径相关内容

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