扣丁學堂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從入門到精通開發實戰技能。