HTML5是現代化的網頁設計語言，可以通過它實現許多有趣的特效。其中一個特效就是讓網頁發射愛心。接下來我們將會介紹如何使用HTML5實現這一特效。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5愛心發射特效</title>
<style>
.heart {
width: 10px;
height: 10px;
background-color: red;
transform: rotate(45deg);
position: absolute;
}
</style>
</head>
<body>
<script>
setInterval(function() {
var heart = document.createElement("div");
heart.className = "heart";
heart.style.left = Math.floor(Math.random() * window.innerWidth) + "px";
heart.style.top = Math.floor(Math.random() * window.innerHeight) + "px";
document.body.appendChild(heart);
setTimeout(function() {
document.body.removeChild(heart);
}, 3000);
}, 200);
</script>
</body>
</html>以上是實現HTML5愛心發射特效的代碼。首先，我們通過CSS來定義了紅色心形的樣式。接著，在<script>標簽中，我們使用了setInterval()函數來定時執行一個添加心形元素到文檔中的函數。然后，我們設定一個隨機位置來放置心形元素，這樣它們將會在網頁的隨機位置發射出去。最后，在3秒鐘后，我們使用setTimeout()函數來將心形元素從文檔中刪除。
運行代碼后，我們就能看到在網頁上發射愛心的效果了。這也為我們展示了，HTML5能夠讓我們輕松實現有趣的特效效果，讓網頁變得更加生動有趣。