隨著互聯網的日益發展，網絡聊天已經成為人們日常生活的必要部分。而現在，借助HTML5技術的強大支持，我們可以在自己的網頁上實現在線聊天功能。本文將為大家介紹一些常用的HTML5網頁在線聊天代碼。

首先，我們需要在HTML文件中添加以下代碼。該代碼將創建一個聊天框和一個輸入框：

<div id="chatbox"></div>
<input type="text" id="input" placeholder="請輸入內容">

然后，我們需要使用JavaScript代碼來實現聊天功能。以下是一個簡單的JavaScript代碼，它可以讓我們在聊天框中顯示用戶輸入的文本：

var input = document.getElementById("input");
var chatbox = document.getElementById("chatbox");
input.addEventListener("keypress", function(e) {
if(e.keyCode === 13){
var text = this.value;
this.value = "";
var p = document.createElement("p");
p.innerHTML = text;
chatbox.appendChild(p);
}
});

在此代碼中，我們首先從HTML文件中獲取id為“input”的輸入框和id為“chatbox”的聊天框元素。接著，我們監聽用戶在輸入框中按下“Enter”鍵的事件，如果按下了“Enter”鍵，則將用戶輸入的文本保存至變量中。接著，我們將輸入框中的內容清空，并使用JavaScript代碼創建一個包含用戶輸入文本的段落（p標簽）。最后，我們將創建的段落添加到聊天框中（動態修改DOM）。

使用HTML5技術實現在線聊天功能非常簡單。只需少量的JavaScript代碼即可。當然，這只是一個簡單的聊天功能。如果你需要實現更加強大的聊天功能，那么你需要使用一些大型的聊天庫，例如socket.io等。