HTML5和CSS3技術已經成為現代Web開發中不可或缺的一部分。它們能夠創建出美觀、流暢、兼容性強且易于維護的網頁。在手機端，HTML5和CSS3的應用變得更加重要，因為越來越多的用戶使用手機瀏覽網頁。下面是幾個適用于手機端的HTML5和CSS3代碼示例。

第一個示例是HTML5中的時間和日期輸入控件，這個控件允許用戶以日期和時間的形式輸入數據。HTML如下：

<input type="datetime-local" name="app_datetime" />

第二個示例是利用CSS3中的漸變效果來創建按鈕。這種按鈕可以提高應用的可用性和吸引力。CSS如下：

button {
background: linear-gradient(to right, #f00, #f50);
border: none;
color: white;
padding: 10px;
font-size: 16px;
}

第三個示例是利用CSS3中的動畫效果來創建旋轉的加載指示器。這種指示器可以在用戶等待數據加載時提供反饋。CSS如下：

.spinner {
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

以上這些只是在手機端上運用HTML5和CSS3技術的一些示例。HTML5和CSS3是強大的工具，可以為開發人員節約時間和減少代碼量，同時提供更好的可訪問性和可用性。