在HTML5中，設(shè)置圖片居中可以通過兩種方式來實(shí)現(xiàn)，一種是使用CSS樣式，另一種是使用HTML5的新特性。

首先，我們來看一下如何使用CSS樣式來實(shí)現(xiàn)圖片居中的效果：

img {
display: block;
margin: auto;
}

在上面的代碼中，我們使用了CSS的display屬性將圖片轉(zhuǎn)換為塊級(jí)元素，然后通過margin屬性將圖片的左右外邊距設(shè)置為auto，這樣就可以將圖片水平居中了。

如果想將圖片垂直居中，則可以使用如下代碼：

.img-wrapper {
position: relative;
}
img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

上面的代碼中，我們首先將包裹圖片的元素設(shè)置為相對(duì)定位，然后通過設(shè)置圖片的絕對(duì)定位和top和transform屬性來將圖片垂直居中。

除了使用CSS樣式之外，HTML5還提供了一個(gè)新特性來實(shí)現(xiàn)圖片居中，那就是使用Figure和Figcaption元素。具體代碼如下：

在上面的代碼中，我們使用了Figure和Figcaption元素來包裹圖片和圖片說明。這樣的做法不僅可以擴(kuò)展圖片的語義信息，還能夠自動(dòng)將圖片居中。