HTML5是現代Web開發的基礎，提供了許多簡化和豐富Web開發的功能。其中一個很有用的功能是彈性展開代碼。 彈性展開代碼使得在Web頁面中展示代碼變得容易。你可以在HTML5中使用pre標簽來定義代碼。pre標簽允許我們使用行內樣式或者CSS樣式定義文本的字體大小和字體類型，以及文本的背景顏色和字體顏色。 例如，下面是一個使用pre標簽的簡單示例：

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

上面的代碼會在頁面上呈現為： function add(a, b) { return a + b; } 為了使代碼更具彈性，我們可以添加CSS樣式來定義代碼塊的邊框和背景顏色。例如，下面是一個使用CSS樣式的示例：

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

這將會在頁面上呈現為: function add(a, b) { return a + b; } 代碼塊現在有一個灰色的背景，1像素的邊框和10個像素的內邊距，使其更容易閱讀和理解。 在HTML5中，我們也可以使用偽類選擇器: hover 來定義代碼塊鼠標懸停后的效果。例如，下面是一個使用偽類:hover的示例：

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

CSS代碼： pre:hover{ background-color: #cccccc; cursor: pointer; } 這將會在頁面上呈現為: function add(a, b) { return a + b; } 當鼠標懸停在代碼塊上方時，就會得到一個灰色的背景顏色。 總結一下，HTML5中的彈性展開代碼可以讓代碼更容易在Web頁面上呈現。我們可以使用pre標簽來定義代碼，使用CSS樣式來定義代碼塊的外觀，以及使用偽類選擇器:hover來定義鼠標懸停時的效果。