HTML5是一種新型的超文本標記語言，已經逐漸取代了HTML4成為網頁開發的主流。HTML5的源代碼是由各種標簽、屬性和值組成的。HTML5標簽的數量比HTML4多了很多，其中包括了一些新的語義化標簽，比如<nav>,<aside>,<header>,<footer>等等。這些標簽可以更好地描述頁面的結構，提高網站的可訪問性。

<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<section>
<h1>Welcome to my website!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel malesuada justo, a fringilla orci. Donec elementum enim sit amet vestibulum pretium. Integer egestas ullamcorper consectetur. Sed quis est pellentesque, molestie nisl vel, elementum eros. Suspendisse fermentum venenatis sapien.</p>
</section>

HTML5還引入了一些新的屬性，比如data-*屬性、placeholder屬性、required屬性等等。這些屬性可以讓開發者更方便地為頁面添加交互效果、提高表單的可用性。

<form action="#" method="post">
<label for="username">Username:</label>
<input type="text" name="username" id="username" placeholder="Enter your username" required>
<label for="password">Password:</label>
<input type="password" name="password" id="password" required>
<button type="submit">Submit</button>
</form>

HTML5還引入了一些新的API，比如CanvasAPI、WebSocketAPI、GeolocationAPI、LocalStorageAPI等等。這些API可以讓開發者更方便地為頁面添加動態效果、提高用戶體驗。

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

總的來說，HTML5的源代碼比以前更加注重語義化，引入了更多的標簽和屬性，同時也引入了更多的API，為網頁開發帶來了更大的便利和擴展性。