HTML5是一種用于編寫網頁的標準化語言，它最初于2014年發布，旨在為移動設備提供更加便捷的網頁瀏覽體驗。在HTML5中，有許多與手機端相關的實例代碼，可以讓我們更好地為手機用戶編寫網頁。下面是一些HTML5手機端的實例代碼。

1. 適應不同屏幕的頁面

<meta name="viewport" content="width=device-width, initial-scale=1.0">

這個實例代碼的作用是讓網頁能夠適應不同屏幕的大小，其中width=device-width表示將寬度設置為設備的實際寬度，initial-scale=1.0表示將縮放比例設置為1，即不縮放。

2. 使用媒體查詢

@media screen and (max-width: 480px) {
.menu {
display: none;
}
}

這個實例代碼的作用是設置一段媒體查詢語句，當屏幕寬度小于等于480像素時，將菜單隱藏起來。其中@media screen表示只有屏幕設備才會執行這個樣式，max-width表示屏幕最大寬度，.menu是需要隱藏的菜單。

3. 使用Touch Events

<script>
function handleTouchStart(evt) {
evt.preventDefault();
alert("Touch started");
}
function handleTouchMove(evt) {
evt.preventDefault();
alert("Touch moved");
}
function handleTouchEnd(evt) {
evt.preventDefault();
alert("Touch ended");
}
function handleTouchCancel(evt) {
evt.preventDefault();
alert("Touch cancelled");
}
document.addEventListener('touchstart', handleTouchStart, false);
document.addEventListener('touchmove', handleTouchMove, false);
document.addEventListener('touchend', handleTouchEnd, false);
document.addEventListener('touchcancel', handleTouchCancel, false);
</script>

這個實例代碼使用了Touch Events，可以在手機上識別觸摸事件。通過這些函數，可以對觸摸事件進行監聽，并在觸摸事件發生時執行相應的代碼。例如，當用戶開始觸摸屏幕時，會執行handleTouchStart函數，觸摸過程中會執行handleTouchMove函數，結束觸摸時會執行handleTouchEnd函數，取消觸摸時會執行handleTouchCancel函數。

HTML5的實例代碼可以讓我們更好地為移動設備編寫網頁，提高用戶體驗。在使用這些代碼時，需要保證代碼的正確性和兼容性，以確保在不同的設備上都能正確地執行。