HTML `figure`標籤
了解使用HTML figure標籤的基礎知識 通常與 img 標籤一起使用的是 figure 標籤。 figure 是一個語義化的標籤,通常用於在圖像中顯示標題。使用方式如下: <figure> <img src="dog.png" alt="一隻可愛的狗"> <figcaption>一隻可愛的狗</figcaption> </figure> figcaption 標籤包裹著標題文本。
了解使用HTML figure標籤的基礎知識 通常與 img 標籤一起使用的是 figure 標籤。 figure 是一個語義化的標籤,通常用於在圖像中顯示標題。使用方式如下: <figure> <img src="dog.png" alt="一隻可愛的狗"> <figcaption>一隻可愛的狗</figcaption> </figure> figcaption 標籤包裹著標題文本。
最近我需要以程式的方式將圖片添加到DOM(也就是HTML頁面)中,這篇文章將告訴你如何以動態的方式實現。 首先,我們使用Document物件的createElement方法來創建一個img元素: const image = document.createElement('img') 然後,我們設置圖片的src屬性: image.src = '/picture.png' (你可以使用相對或絕對URL,就像在常規的HTML img 標籤中一樣) 接下來,我們找到要添加圖片的容器元素,並將其作為參數傳遞給appendChild()方法: document.querySelector('.container').appendChild(image) 就這樣,圖片就成功地被添加到DOM中了。