HTML5的鎖屏通知功能是近年來增加的一項強大功能，使得移動設備可以在鎖屏界面的通知欄中顯示信息。以下是一個簡單的HTML5鎖屏通知代碼示例:

// 首先檢查瀏覽器是否支持HTML5的鎖屏通知
if ("Notification" in window) {
// 用戶允許彈出通知
if (Notification.permission === "granted") {
// 創建通知并顯示
var notification = new Notification("這是一條鎖屏通知", { 
body: "這里是通知的內容",
icon: "path/to/icon.png"
});
}
// 用戶還沒有決定是否允許彈出通知
else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
// 接受請求
if (permission === "granted") {
var notification = new Notification("這是一條鎖屏通知", { 
body: "這里是通知的內容",
icon: "path/to/icon.png"
});
}
});
}
}

以上代碼包括了檢查瀏覽器是否支持HTML5的鎖屏通知、顯示通知、請求通知權限等功能。在實際應用中，開發者可以根據具體需求進行修改。