HTML5中的代碼盒（code box），指的是一段用于顯示計算機代碼的布局結構。它通常使用pre標簽來格式化代碼，在代碼的周圍添加一些元素，如代碼折疊或高亮顯示等。代碼盒常常被用于編寫代碼示例，提供更好的理解和學習體驗。 例如，使用以下代碼表示一個簡單的代碼盒：

function add(a, b) {
return a + b;
}

在這個示例中，將整個函數 add(a, b) 及其代碼塊包含在code標簽中。接著，在pre標簽中，將此代碼設為語言為JavaScript。這樣，就會得到一個包含JavaScript代碼的矩形框，使代碼易于閱讀和理解。 此外，代碼盒還可以用于實時編程和調試。使用JavaScript代碼時，您可以在瀏覽器控制臺中輸入JS代碼，并將代碼輸出到HTML頁面上的代碼盒中，以便進行實時編程和測試。 總之，代碼盒是HTML5的一個重要特性，它為開發人員提供了一種方便的方法來顯示計算機代碼，幫助他們更輕松地分享代碼示例和學習經驗。