HTML5是一種基于Web的技術，非常適合設置各種動態和靜態的內容。其中，輪播功能是網站設計中非常流行的元素之一。

在HTML5中，使用輪播圖可以讓網站更加美觀和易于導航。我們可以使用預建庫或自己編寫代碼實現輪播。下面，我們將介紹如何使用HTML5設置輪播靜態:

<div id="slider">
<img src="1.jpg" alt="">
<img src="2.jpg" alt="">
<img src="3.jpg" alt="">
</div>
<style>
#slider {
width: 800px;
height: 400px;
position: relative;
overflow: hidden;
}
#slider img {
width: 800px;
height: 400px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all ease-in-out 0.5s;
}
#slider img:first-child {
opacity: 1;
}
</style>
<script>
setInterval(function() {
var current = $('#slider img:visible');
var next = current.next().length ? current.next() : current.parent().children(':first');
current.css('opacity', 0);
next.css('opacity', 1);
}, 5000);
</script>

在上面的代碼中，我們使用了<div></div>包含多個圖片，并使用CSS設置了尺寸、位置和隱藏。在JavaScript腳本中，我們使用setInterval()函數實現了圖片自動輪播。

總之，使用HTML5可以實現各種動態和靜態的內容，包括輪播圖。通過編寫和調整代碼，我們可以選擇最適合我們網站的輪播樣式。如果沒有比較好的想法，我們還可以使用現成的輪播庫，例如Bootstrap，SlideJS等等。