隨著互聯網技術的不斷發展，消息推送已經成為越來越多網站必不可少的功能。而HTML5標準中也增加了對消息推送的支持，使得開發者可以更加便捷地實現消息推送功能。

要在HTML5中實現消息推送，首先需要設置一個Service Worker，讓網站能夠在后臺運行。Service Worker可以監聽瀏覽器中的事件，包括推送事件、網絡狀態事件等等。其代碼如下：

//注冊Service Worker
navigator.serviceWorker.register('sw.js').then(function(registration) {
console.log('Service worker registered with scope:', registration.scope);
});

接下來，我們需要在Service Worker中監聽推送事件，將推送消息發送給用戶。代碼如下所示：

//監聽推送事件
self.addEventListener('push', function(event) {
console.log('[Service Worker] Push Received.');
console.log(`[Service Worker] Push had this data: "${event.data.text()}"`);
const title = '推送標題';
const options = {
body: `推送內容: "${event.data.text()}"`,
icon: '推送圖標.png',
badge: '推送小圖標.png'
};
event.waitUntil(self.registration.showNotification(title, options));
});

在這段代碼中，我們首先監聽了推送事件，然后設置了推送消息的標題、內容、圖標等信息，并將推送消息展示給用戶。當用戶點擊推送消息時，可以通過如下代碼監聽用戶的點擊事件：

//監聽點擊推送消息事件
self.addEventListener('notificationclick', function(event) {
console.log('[Service Worker] Notification click Received.');
event.notification.close();
event.waitUntil(
clients.openWindow('https://www.example.com')
);
});

以上代碼將在用戶點擊推送消息時打開一個新的窗口，并關閉推送消息。

通過以上操作，我們就可以在HTML5中實現消息推送功能了。值得注意的是，在實現消息推送功能時，我們需要考慮到用戶隱私和安全，避免向用戶發送不必要的消息推送，同時也要保證推送內容不包含惡意代碼和不良信息。