HTML5是一種新的標準，它支持各種強大的功能，如重力感應。HTML5可以利用移動設備的重力感應器來探測設備的姿態和運動狀態，并將其轉換為瀏覽器可以理解的事件。使用HTML5重力感應代碼，您可以實現更為高效和優化的移動體驗，提供更好的用戶體驗。

// HTML5重力感應代碼示例
//檢查是否支持重力感應器
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false);
}
//處理改變事件
function deviceMotionHandler(eventData) {
// 獲取x，y和z軸的加速度
var acceleration = eventData.accelerationIncludingGravity;
// 將值更新到html中
document.getElementById('x').innerHTML = acceleration.x.toFixed(2);
document.getElementById('y').innerHTML = acceleration.y.toFixed(2);
document.getElementById('z').innerHTML = acceleration.z.toFixed(2);
}

以上示例代碼檢查當前運行的瀏覽器是否支持重力感應器，并在瀏覽器支持時添加一個事件監聽器。應該注意的是，在許多低端設備上可能無法正常運行，但是，在大多數智能手機和平板電腦上它的表現非常好。

通過處理devicemotion事件，我們可以獲取到設備沿x、y和z軸的加速度。我們可以將這些值更新到頁面上的任何元素中。在這個例子中，我們將加速度值更新到ID為“x”，“y”和“z”的三個不同的div中。當用戶移動設備時，這些值將相應地更改。這為網頁設計師和開發人員提供了一個強大的工具，可以實現針對用戶屏幕大小和設備方向的優化和個性化體驗。