HTML5 廣告浮動代碼是現代網絡廣告的一種重要形式。它能夠以彈出窗口、全屏模式以及滾動懸浮的形式展示廣告，能夠更加有效地吸引用戶的注意力，從而提高廣告的點擊率和轉化率。下面我們來介紹一下HTML5 廣告浮動代碼的相關知識。 首先，我們需要使用以下代碼創建一個HTML5廣告浮動容器：

<div class="ad-float">
<a  target="_blank">
<img src="https://www.example.com/ad-image.jpg" alt="example ad">
</a>
<span class="close-btn"></span>
</div>

其中，class為“ad-float”的div標簽是廣告浮動容器的核心，它包含了一個a標簽和一個用于關閉廣告的span標簽。div中的img標簽則是廣告圖片的展示位置。通過設置div的樣式，我們可以控制廣告的大小、位置以及顯示方式。 為了實現廣告的浮動效果，我們需要使用CSS中的position屬性。為廣告浮動容器添加如下的樣式代碼：

.ad-float{
position: fixed;
top: 10px;
right: 10px;
display: none;
}

其中，position屬性設置為fixed，可以使得廣告容器相對于瀏覽器窗口固定位置不變。top和right屬性則分別控制了廣告容器距離頂部和右側的距離。通過將display屬性設置為none，我們可以初始化廣告容器的狀態為隱藏。 接下來，我們需要使用JavaScript代碼給廣告容器添加浮動效果：

window.onload = function(){
var ad = document.querySelector('.ad-float');
ad.style.display = 'block';
setTimeout(function(){
ad.style.right = '-500px';
}, 5000);
var close = document.querySelector('.close-btn');
close.onclick = function(){
ad.style.display = 'none';
}
}

在這段JavaScript代碼中，我們首先選擇了class為“ad-float”的容器，將其初始狀態設置為顯示。然后，我們使用setTimeout函數設置了一個5秒的定時器，當定時器到達時，廣告容器將自動向右移動500個像素，實現浮動效果。同時，我們還為關閉按鈕添加了一個onclick事件，當點擊關閉按鈕時，廣告容器將隱藏不再浮動。 通過上述代碼的設置，我們可以非常簡單地創建出一個HTML5浮動廣告。當前，HTML5廣告已經被廣泛應用于各種網絡廣告形式之中，成為了網絡廣告中不可或缺的一部分。