在現代網頁設計中，點贊按鈕已成為不可或缺的一個組成部分。而隨著HTML5的出現，點贊按鈕的設計和實現也更加簡單靈活。以下是一個簡單的HTML5點贊按鈕的代碼：

<button onclick="like()">贊</button>
<p id="likeCount">0</p>
<script>
var count = 0;
function like() {
count++;
document.getElementById("likeCount").innerHTML = count;
}
</script>

這段代碼中，使用了button標簽來定義一個贊的按鈕。每次點擊按鈕，就會觸發like()函數，該函數會將count變量加1，并將新的點贊數作為textContent插入到id為likeCount的p標簽中。

這里值得一提的是，HTML5新推出的Web Storage API也可以用于實現點贊功能，并且不需要通過服務器端來保存數據。以下是一個使用localStorage進行點贊計數的示例代碼：

<button onclick="like()">贊</button>
<p id="likeCount"></p>
<script>
function like() {
var count = localStorage.getItem("likeCount");
count = count ? parseInt(count) + 1 : 1;
localStorage.setItem("likeCount", count);
document.getElementById("likeCount").textContent = count;
}
window.onload = function() {
var count = localStorage.getItem("likeCount");
if (count) {
document.getElementById("likeCount").textContent = count;
}
}
</script>

在這個示例代碼中，我們使用了localStorage來保存點贊的次數。在like()函數中，先通過getItem()方法讀取當前的點贊數。如果該值存在，則將其轉換為數值類型并加1；否則，點贊數默認設置為1。然后，將新的count值通過setItem()方法保存到localStorage中，并再次將其插入到頁面中。

在頁面剛加載時，我們也需要通過getItem()來獲取之前保存的點贊數，并將其插入到頁面中。這里為了避免保存的點贊數為null時出現問題，我們使用了一個簡單的if語句。

綜上所述，HTML5為點贊按鈕的設計和實現帶來更多可能性，而localStorage這一新API也極大地方便了數據的存儲。