HTML5是當(dāng)今最常用的標(biāo)記語(yǔ)言，它可以讓開(kāi)發(fā)者輕松創(chuàng)建具有交互性和動(dòng)態(tài)性的網(wǎng)站。其中，代碼文本框是開(kāi)發(fā)者在編寫代碼時(shí)的基本工具之一。在HTML5中，我們可以使用pre標(biāo)簽來(lái)定義代碼文本框，其特點(diǎn)是可以在文本框中展示出上下框，使得代碼更加美觀。

function calculateSquare(x) {
// 計(jì)算平方
var square = x * x;
return square;
}

在上面的代碼例子中，我們可以看到pre標(biāo)簽的作用。整個(gè)函數(shù)的代碼都被包裹在pre標(biāo)簽內(nèi)，使得這段代碼得以以固定的格式在網(wǎng)頁(yè)中呈現(xiàn)。同時(shí)，這段代碼文本框中有上下邊框，更加美觀整潔。 除了自定義函數(shù)之外，pre標(biāo)簽還可以用于展示HTML和CSS代碼。例如：

<div class="container">
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落</p>
</div>

上述代碼包含了HTML的基本語(yǔ)法，其中使用了div、h1和p標(biāo)簽，定義了一個(gè)容器和其內(nèi)部元素。同樣地，這段代碼文本框也具有上下邊框的美觀格式。 總之，pre標(biāo)簽是HTML5中非常實(shí)用的標(biāo)簽之一，特別適合用于展示代碼文本框。其使得代碼更加美觀整潔，更易于閱讀和理解。