HTML5是最新的HTML標準，它引入了很多新的元素和屬性，使得網(wǎng)站開發(fā)更加簡單和方便。以下是HTML5代碼范例，供大家參考。

標題

使用HTML5新增的標題元素可以更好地組織文檔結(jié)構(gòu)。

<h1>這是一級標題</h1>
<h2>這是二級標題</h2>
<h3>這是三級標題</h3>

視頻

HTML5的video元素可以嵌入視頻到網(wǎng)頁中，無需使用Flash等插件。

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

音頻

HTML5的audio元素可以嵌入音頻到網(wǎng)頁中，無需使用Flash等插件。

<audio controls>
<source src="music.mp3" type="audio/mpeg">
<source src="music.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>

畫布

HTML5的canvas元素可以繪制各種圖形和動畫。

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
</script>

地理位置

HTML5的geolocation API可以獲取用戶的地理位置信息。

<p id="demo"></p>
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
document.getElementById("demo").innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
document.getElementById("demo").innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
<button onclick="getLocation()">Get Location</button>

以上是HTML5代碼范例，希望對大家有所幫助。