HTML 本地圖片鏈接是常見的網頁圖片插入方式,不需要從互聯網上下載圖片,而是從本地文件中讀取圖片并引入到網頁中。其代碼使用 pre 標簽,如下所示:
引入本地圖片:
<img src="images/example.jpg" alt="圖片示例">其中,img 標簽用于引入圖片,通過 src 屬性指定圖片文件路徑,alt 屬性用于指定圖片在無法顯示時的替代文本。 需要在 HTML 文件所在目錄下創建一個名為 images 的文件夾,將要引入的圖片放入該文件夾內,以便于正確讀取圖片路徑。 使用 HTML 本地圖片鏈接的好處是減少頁面加載時間和減輕服務器負擔,同時還可保護圖片版權。需要注意的是,若將 HTML 文件上傳到服務器后,本地路徑將無法找到對應的圖片,需要將圖片也上傳到服務器并修改圖片路徑。 以上是 HTML 本地圖片鏈接的相關代碼及注意事項。
上一篇h5平板適配方案vue
下一篇css 阻止繼承