HTML5 圖片位置設置 在網頁設計中，圖片的位置設置是非常重要的，它可以美化頁面，讓用戶對頁面的印象更加深刻。HTML5 提供了多種方式來設置圖片位置，如下所示： 1.使用CSS 設置圖片位置 在CSS中，可以使用position屬性來設置圖片的位置，常用的值有absolute和relative。絕對定位的圖片位置是相對于父元素的位置來確定的，而相對定位的圖片位置是相對于自己原來的位置來進行偏移的。代碼如下：

<style>
.wrapper{
position: relative;
}
.image{
position: absolute;
top: 50px;
left: 100px;
}
</style>
<div class="wrapper">
<img class="image" src="image.jpg">
</div>

2.使用HTML5 元素設置圖片位置 HTML5提供了多種元素來設置圖片的位置，如figure和figcaption等，代碼如下：

<figure class="image">
<img src="image.jpg">
<figcaption>這是一張圖片</figcaption>
</figure>

以上是HTML5中設置圖片位置的兩種常用方法，可以根據自己的需求進行選擇。