HTML5設置圖片路徑 HTML5是HTML最新版本，具有更多的功能和特性，其中之一是處理圖像的能力。在HTML5中，可以使用img標簽來展示圖像，在使用img標簽時，需要設置圖像的路徑。 在HTML中，圖像的路徑分為兩種：相對路徑和絕對路徑。下面分別介紹這兩種路徑的設置方法。 1. 相對路徑 相對路徑是相對于當前頁面的路徑來設置圖像的路徑，通常在同一文件夾內的圖像可以使用相對路徑來引用。相對路徑的設置方法如下：

相對路徑設置圖片路徑：

上述代碼中，src屬性的值是圖像文件的路徑，前面沒有加上任何的協議和服務器，因此它被認為是相對于當前頁面的路徑。在這個例子中，圖像文件picture.jpg位于一個名為images的文件夾中。 如果圖像文件不在同一目錄下，可以使用../來返回上一級目錄。

返回上級目錄設置圖片路徑：

在上述代碼中，../表示返回上一級目錄，然后再定位到images文件夾中的picture.jpg圖像文件。 2. 絕對路徑 絕對路徑是從根目錄開始直接指定圖像文件的路徑，通常用于引用在另一個域或服務器上的圖像文件。設置絕對路徑的方法如下：

絕對路徑設置圖片路徑：

在上述代碼中，src屬性的值以http://開頭，這表示它是一個完整的URL。在這個例子中，圖像文件picture.jpg位于一個名為images的文件夾中，而這個文件夾位于www.example.com的根目錄下。 總結 在HTML5中，我們可以使用相對路徑和絕對路徑來設置圖片路徑。相對路徑是相對于當前頁面的路徑來設置圖像的路徑，通常在同一文件夾內的圖像可以使用相對路徑來引用。而絕對路徑是從根目錄開始直接指定圖像文件的路徑，通常用于引用在另一個域或服務器上的圖像文件。掌握了這兩種路徑的設置方法可以更加方便地處理HTML中的圖像元素。