在網頁設計和開發中，顯示代碼框是一個非常重要的元素。HTML5提供了一種pre標簽，它可以顯示在網頁中的代碼框。pre標簽是一個用于定義預格式化文本的HTML標記，通常用于顯示計算機程序的源代碼。 pre標簽可以將文本中的空格和換行符保留，并且其內容會使用定寬字體來顯示，從而使代碼更易于閱讀。在HTML中，pre標簽可用于顯示各種編程語言的代碼，如Java、Python、PHP等。

function addNumbers(num1, num2) {
return num1 + num2;
}
console.log(addNumbers(2, 3));  // 輸出：5

pre標簽的另一個有用之處是可以在代碼中嵌入HTML標記。這在需要在輸出中展示代碼的同時，仍然保持著HTML格式的代碼非常有用。 例如，在下方的示例代碼中，我們可以在JavaScript函數中包含一個HTML span標記，用于實現代碼高亮顯示的效果。

function sayHello() {
var name = "John";
document.write("Hello" + name + "!");
}
sayHello();

總的來說，pre標簽是一種非常有用的HTML標記，它可以用于在網頁中顯示各種類型的代碼，并且可以讓這些代碼更加易于閱讀和理解。無論是在網頁設計、開發還是代碼教學中，pre標簽都是一個值得掌握的重要工具。