HTML5是互聯網上最重要的標準之一，它極大地改變了Web開發的方式和實踐。今天我想和大家分享一些HTML5的Demo代碼。 首先，我們來看一個HTML5中的video標簽的例子。video標簽可以讓我們在Web頁面上直接嵌入視頻。下面是一個簡單的video標簽的例子：

<video id="myVideo" controls autoplay><source src="myVideo.mp4" type="video/mp4"><source src="myVideo.webm" type="video/webm"><source src="myVideo.ogg" type="video/ogg"></video>

在上面的代碼中，我們使用了video標簽來嵌入視頻。其中的controls屬性表示是否顯示視頻的控制條，autoplay屬性表示視頻是否自動播放。而source標簽用于指定在不同瀏覽器中使用不同的視頻格式，以確保視頻可以在所有瀏覽器中正確播放，這是使用video標簽非常重要的一點。 接下來，讓我們來看一下canvas標簽的例子。canvas標簽使得我們可以通過JavaScript在瀏覽器頁面上繪制圖形。下面是一個簡單的canvas標簽的例子：

<canvas id="myCanvas" width="200" height="100"></canvas><script>var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "green";
context.fillRect(0, 0, canvas.width, canvas.height);
</script>

在上面的代碼中，我們使用了canvas標簽來創建一個200像素寬，100像素高的畫布。然后，我們使用JavaScript獲取canvas標簽，并使用getContext函數獲取畫布的上下文。在上下文中，我們指定了填充顏色為綠色，并使用fillRect函數在畫布上繪制一個矩形，該矩形將占據畫布的整個空間。 最后，讓我們來看一下HTML5的audio標簽的例子。類似于視頻標簽，audio標簽可以讓我們在Web頁面上嵌入音頻文件。下面是一個簡單的audio標簽的例子：

<audio id="myAudio" controls autoplay><source src="myAudio.mp3" type="audio/mpeg"><source src="myAudio.ogg" type="audio/ogg"></audio>

在上面的代碼中，我們使用了audio標簽來嵌入音頻。其中的controls屬性表示是否顯示音頻的控制條，autoplay屬性表示音頻是否自動播放。而source標簽用于指定在不同瀏覽器中使用不同的音頻格式，以確保音頻可以在所有瀏覽器中正確播放，這也是使用audio標簽非常重要的一點。 以上就是我和大家分享的HTML5 Demo代碼的例子。HTML5標簽可以讓開發者更方便地在Web頁面上嵌入視頻和音頻、繪制圖形等，這使得網站更加富有吸引力和互動性。