HTML5 广告浮动代码是现代网络广告的一种重要形式。它能够以弹出窗口、全屏模式以及滚动悬浮的形式展示广告，能够更加有效地吸引用户的注意力，从而提高广告的点击率和转化率。下面我们来介绍一下HTML5 广告浮动代码的相关知识。首先，我们需要使用以下代码创建一个HTML5广告浮动容器：

<p ><a href="https://www.example.com/" target="_blank"><img src="https://www.example.com/ad-image.jpg" alt="example ad"></a><span ></span></p>

其中，class为“ad-float”的p标签是广告浮动容器的核心，它包含了一个a标签和一个用于关闭广告的span标签。p中的img标签则是广告图片的展示位置。通过设置p的样式，我们可以控制广告的大小、位置以及显示方式。为了实现广告的浮动效果，我们需要使用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广告已经被广泛应用于各种网络广告形式之中，成为了网络广告中不可或缺的一部分。