HTML5是一種最新的標記語言，它改變了傳統的web設計方法。HTML5應用分欄的方式可以將頁面分成多個區域，使得頁面呈現更加清晰。下面我們將詳細介紹分欄代碼的使用。 首先，在HTML上方添加，這樣可以告訴瀏覽器這是一個HTML5文檔，使得頁面可以以HTML5的方式渲染。接下來，使用div標簽定義一個名為“container”的容器。在這個容器中，有兩個要分欄的部分，我們在div容器中再添加兩個div，一個用來放置左邊欄，一個用來放置右邊欄。左側的div標記為“left”，右側的div標記為“right”。

這是左邊欄目
這是右邊欄目

現在我們已經定義了分欄容器以及兩個欄目，但是這兩個欄目并沒有具體的樣式。我們可以通過CSS為這兩個欄目添加樣式。CSS樣式可以使頁面更加美觀且易于閱讀。對左側欄目添加樣式如下：

#left{
float: left;//左浮動
width: 200px;//欄目寬度，可根據實際需要進行調整
background-color: #fff;//欄目背景顏色，這里設置為白色
}

現在左側欄目已經設置好樣式。為了使右側欄目能夠顯示在左側欄目的右邊，我們可以將其浮動到右側。

#right{
float: right;//右浮動
width: calc(100% - 200px);//欄目寬度，計算width的方法為總寬度減去左邊欄目的寬度
background-color: #fff;//欄目背景顏色，這里設置為白色
}

現在的HTML5分欄代碼已經完成，效果如下圖所示：

通過這種方式，我們可以輕松地在HTML5中實現多個欄目的布局，使得頁面結構更加緊湊、易于閱讀。