Question

网页开发时，图片出不来怎么办？

Answer 1

在网页开发中，如果图片无法显示，请在谷歌等现代浏览器当中按下F12键，查看控制台是否给出了错误提醒，对于没有加载正确的图片，会给出错误提示。

在绝大多数情况下，图片无法显示/出不来，主要是由于图片路径不正确所造成的，因此请检查你图片的路径是否正确。

路径的基本知识

路径分为绝对路径和相对路径：相对路径-以引用文件之网页所在位置为参考基础，而建立出的目录路径。当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。

例如：../images/h5course.jpg

绝对路径-以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。

例如：G:/2015/h5course/images/h5course.jpg

在前端开发当中，通常使用相对路径。原因在于，当在客户端书写好代码上传到服务端时，通常路径是不相同的，绝对路径会出现路径错误的问题。

路径符号的含义

../ 表示当前文件所在层级的上一层级。

./ 表示当前文件所在的层级。

/ 表示根目录。

以上资料来源：HTML5学堂