HTML5是當前最新的HTML標準，相比于HTML4，它有很多新的標簽、屬性和特性，可以更好地滿足現(xiàn)代web應(yīng)用的需求。在其中，代碼區(qū)別也成為了不可忽視的一部分。 在HTML4中，代碼區(qū)別是用“

”標簽來實現(xiàn)的。比如以下代碼：
var a = 10;
function test() {
console.log(a);
}
這樣就可以把代碼以預(yù)格式化的形式呈現(xiàn)出來。主要的區(qū)別是，pre標簽會保留所有空格、換行和Tab字符，而不會進行任何格式化。當然，這也意味著我們需要手動調(diào)整代碼的縮進和對齊。
而在HTML5中，就出現(xiàn)了更加強大和靈活的方式——“”標簽和“
”標簽的結(jié)合。比如以下代碼：
var a = 10;
function test() {
console.log(a);
}
這樣顯示出來的效果和上面的例子一模一樣，但可以更加靈活地進行樣式和布局的控制。我們可以通過“”標簽來標識代碼區(qū)塊，然后在“
”標簽中進行樣式的設(shè)置，例如控制字體大小、顏色、背景等等。
此外，在HTML5中還添加了許多新的API，用于改善代碼的處理和呈現(xiàn)。比如“”標簽可以實現(xiàn)代碼的高亮顯示，而“