在現代網頁設計中，動態背景已經成為一種流行的設計趨勢。利用HTML5技術，我們可以設置動態背景來增強網頁的視覺吸引力和用戶體驗。下面我們將介紹如何使用HTML5設置動態背景。

// HTML代碼
<div id="bg"></div>
// CSS代碼
#bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
// JavaScript代碼
var images = ["bg-1.jpg", "bg-2.jpg", "bg-3.jpg"];
var currentIndex = 0;
function changeBackground() {
if (currentIndex === images.length) {
currentIndex = 0;
}
var imageUrl = "url(" + images[currentIndex] + ")";
document.getElementById("bg").style.backgroundImage = imageUrl;
currentIndex++;
}
setInterval(changeBackground, 5000);

首先，在HTML文件中添加一個div元素，并設置它的id為“bg”。

接下來，在CSS文件中設置#bg元素的樣式。將元素的position屬性設置為fixed，使其在頁面中固定不動。top、left、width和height屬性設置為100%，使元素的大小覆蓋整個頁面。最后，將z-index屬性設置為-1，使元素在頁面其他元素之后出現。

在JavaScript文件中，定義一個包含背景圖像名稱的數組，并用一個變量來跟蹤目前顯示的背景圖像的索引。然后，定義一個函數來更改#bg元素的背景圖像。如果當前背景圖像的索引等于數組的長度，則將當前索引值重置為0。最后，使用style.backgroundImage屬性將#bg元素的背景圖像更改為當前圖像，并遞增當前圖像的索引。

最后，在JavaScript文件中定義一個setInterval函數來以固定的時間間隔調用changeBackground函數。在本例中，調用函數的時間間隔為5000毫秒，即5秒。

通過以上步驟，我們就成功地實現了一個動態背景。您可以在JavaScript中添加更多的圖像名稱，或者使用第三方庫添加更復雜的動態效果。無論如何，通過HTML5設置動態背景可以為網頁帶來更加生動的體驗。