HTML 5是一種最新的網頁標準，它帶來了許多新的特性和功能，其中之一就是支持更豐富的游戲應用。而象棋是中國傳統的智力運動，這里我們將展示一個基于HTML 5的象棋棋盤代碼。

首先，我們需要定義一個HTML頁面，用于容納我們的象棋棋盤。這可以通過以下代碼來實現：

上述代碼中，我們使用了HTML 5的canvas標簽來創建一個容納我們的象棋棋盤的畫布。同時，我們通過定義畫布的寬度和高度來確保棋盤的大小適中。

接下來，我們需要使用JavaScript代碼來繪制我們的象棋棋盤。以下是完整的代碼：

var canvas = document.getElementById("chess");
var context = canvas.getContext("2d");
var imageData = context.getImageData(0, 0, canvas.width, canvas.height);
var data = imageData.data;
// 將棋盤繪制在畫布上
context.rect(0, 0, canvas.width, canvas.height);
context.fillStyle = "#D18B47";
context.fill();
// 繪制棋盤橫線和豎線
for(var i=0; i<10; i++) {
context.moveTo(0, i*45);
context.lineTo(canvas.width, i*45);
context.moveTo(i*45, 0);
context.lineTo(i*45, canvas.height);
context.strokeStyle = "#000000";
context.stroke();
}
// 繪制棋盤標題
context.font="30px Arial";
context.fillStyle="#000000";
context.fillText("象棋棋盤",160,40);

以上代碼使用了canvas的API來創建了一個畫布對象，并使用該對象的getContext()方法獲取了上下文對象。然后，我們使用getImageData()方法獲取畫布上已有的數據，并修改了棋盤的背景色、棋盤橫線和豎線的顏色以及棋盤的標題文字。最后，我們通過調用stroke()方法將繪制的結果顯示在畫布上。

通過以上代碼，我們成功地實現了一個基于HTML 5的象棋棋盤。同時，我們也展示了如何使用HTML 5和JavaScript創建一個簡單的游戲應用。