HTML5已經成為建立Web應用程序的標準之一，是一種普遍使用的標記語言。HTML5的誕生為互聯網提供了更強大的功能和更好的用戶體驗。近期，HTML5迎來了第10個生日，而這個生日也催生了一些很有趣的創意，如制作HTML5生日祝福代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5生日祝福</title>
</head>
<body>
<canvas id="canvas" width="400" height="200"></canvas>
<script>
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d'),
w = canvas.width,
h = canvas.height;
ctx.font = 'bold 30px Arial';
ctx.fillStyle = '#f60';
ctx.fillText('Happy', 10, 50);
ctx.strokeStyle = '#069';
ctx.strokeText('Birthday', 10, 100);
ctx.fillStyle = '#f00';
ctx.fillText('HTML5', 10, 150);
ctx.strokeStyle='#000';
ctx.strokeText('!', 270, 150);
//添加點擊事件
canvas.addEventListener('click', function(){
ctx.clearRect(0, 0, w, h);//清空畫布
ctx.font = 'bold 40px Arial';
ctx.fillStyle = '#f00';
ctx.fillText('Happy Birthday!', 50, 100);
ctx.drawImage(img, 260, 50, 100, 100);//添加圖片
}, false);
//添加圖片
var img = new Image();
img.src = 'https://www.w3.org/html5/logo-animation/html5-waffle-final.mp4';
</script>
</body>
</html>以上代碼是一個簡單的HTML5生日祝福頁面。該頁面使用<canvas>元素創建了一個畫布，使用JavaScript在畫布上繪制了文字和圖片。通過添加點擊事件，當用戶點擊畫布時，頁面將清空畫布并展示祝福信息和圖片。
HTML5生日祝福頁面不僅能夠慶祝HTML5的發展，也能夠展示HTML5的特性和創新。除了繪圖和視頻元素，HTML5還擁有很多其他有趣的功能，如音頻、動畫、地理位置等。讓我們共同期待HTML5未來的發展，創造更好的用戶體驗。