扣丁学堂HTML5培训分享H5路径相关

本篇文章小编给读者们分享一下H5路径相关，对HTML5开发技术感兴趣或者是想要参加HTML5培训的小伙伴就随小编来学习一下吧。

路径src的两种赋值方式：

一、经过相对路径赋值

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

三、格式：src="imageName.jpg"

四、含义：在 .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盘查找图片)。

最后想要了解更多关于HTML5方面内容的小伙伴，请关注扣丁学堂HTML5培训官网、微信等平台，扣丁学堂IT职业在线学习教育平台为您提供权威的HTML5开发环境搭建视频，扣丁学堂老师精心推出的HTML5视频教程定能让你快速掌握HTML5从入门到精通开发实战技能。