HTML5是一種新的網頁開發技術，它包含許多有趣的特性，其中之一就是心臟跳動代碼。
<body>
<div id="heart"></div>
<script>
var heart = document.querySelector('#heart');
var canvas = document.createElement('canvas');
canvas.width = 200;
canvas.height = 200;
var ctx = canvas.getContext('2d');
var drawing = false;
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
ctx.moveTo(100, 40);
ctx.lineTo(140, 100);
ctx.lineTo(100, 160);
ctx.lineTo(60, 100);
ctx.closePath();
ctx.fillStyle = 'red';
ctx.fill();
}
function animate() {
if (!drawing) return;
requestAnimationFrame(animate);
draw();
}
heart.addEventListener('mouseenter', function () {
drawing = true;
animate();
});
heart.addEventListener('mouseleave', function () {
drawing = false;
ctx.clearRect(0, 0, canvas.width, canvas.height);
});
heart.appendChild(canvas);
</script>
</body>這段代碼使用HTML5和JavaScript創建了一個可愛的心形圖案，并在鼠標懸停時使其跳動。HTML5提供了許多新的標簽和功能，讓我們能夠創建更加豐富和有趣的網頁。