HTML5代碼高亮是一種提高代碼可讀性的方法，它可以使程序員更加輕松地閱讀代碼。在HTML5中，我們可以使用pre標簽來顯示代碼，將其以純文本形式顯示在頁面上。

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

使用pre標簽可以讓代碼保留原來格式，而不會因為標簽的轉義而出錯。當然，如果我們想要更好的代碼高亮效果，還是推薦使用一些專業的代碼高亮庫或插件。 相比于傳統的代碼展示方式，使用pre標簽的方式更能夠保證代碼格式的一致性，特別適用于展示一些較長的代碼段。此外，我們還可以通過為pre標簽添加class屬性，來定義不同的代碼高亮樣式。

.highlight {
background-color: #1E1E1E;
color: #EBEBEB;
padding: 1rem;
font-family: Consolas, Courier New, monospace;
}

在上面的例子中，我們定義了一個名為highlight的樣式類，用于展示代碼高亮效果。其中，我們設置了它的背景顏色為黑色(#1E1E1E)，前景顏色為白色(#EBEBEB)，并增加了內邊距和等寬字體。 總之，HTML5代碼高亮是一種提高代碼可讀性的好方法，通過使用pre標簽和適當的樣式定義，程序員們更容易理解代碼，從而更高效地開發應用。