HTML5是一個非常強大的網頁設計語言，它添加了許多新的功能和標簽，其中一個非常有用的標簽是記錄代碼（History API）。 記錄代碼是一個API，可以讓你更改瀏覽器的歷史記錄，而不必刷新頁面或使用重定向。您可以使用記錄代碼通過JavaScript創建一個無限前進和后退按鈕，或在單個頁面應用程序中控制后退和前進的行為。 下面是一個簡單的例子:

window.history.pushState('page2', 'Title', '/page2.html');

上面的代碼將一個新的歷史記錄項添加到瀏覽器的歷史記錄中。第一個參數是一個對象，可以是任何JavaScript對象。此對象將用作狀態對象，每當URL中的哈希更改時，瀏覽器都會將其傳遞給您。 第二個參數是頁面標題，它將顯示在瀏覽器的標簽頁上。最后一個參數是新URL。由于這個URL是相對于當前URL的，因此它應該是相對路徑。 您可以使用以下代碼來捕獲歷史狀態的更改:

window.onpopstate = function(event) {
console.log("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

在這個例子中，我們通過定義一個onpopstate函數來捕獲歷史狀態的變化。每當用戶單擊瀏覽器的前進或后退按鈕時，此函數就會被調用。此函數將事件作為參數。state屬性包含狀態對象的副本，可以通過JSON.stringify函數將其打印出來。 總的來說，記錄代碼是非常有用的，它可以添加更多的交互性和動態性到您的網站中。請記住，使用記錄代碼時應該非常小心，因為過度使用它可能會導致用戶的訪問體驗變得更糟糕。