HTML5是最新的HTML標準，它為網頁設計者提供了更加靈活的應用場景和更多的標簽元素。其中，層是在HTML5中新出現的標簽元素之一。層是用來定義可視化區域，并且可以通過CSS來控制層的位置、大小、背景等屬性，使得設計者能夠更加方便地構建網頁的視覺布局。

<section id="layer1">
<h2>這是第一個層</h2>
<p>這是第一個層的正文內容</p>
</section>
<section id="layer2">
<h2>這是第二個層</h2>
<p>這是第二個層的正文內容</p>
</section>
<style>
#layer1 {
width: 50%;
height: 100%;
background-color: #f2f2f2;
position: absolute;
top: 0;
left: 0;
}
#layer2 {
width: 50%;
height: 100%;
background-color: #e6e6e6;
position: absolute;
top: 0;
right: 0;
}
</style>

在以上的代碼中，我們定義了兩個層，分別是id為“layer1”和“layer2”的section元素。同時，我們使用CSS來控制層的屬性，如設置寬度、高度、背景顏色等。此外，我們還通過position屬性和top、right、left和bottom屬性來指定層的位置，使得兩個層在屏幕的左右兩側分別顯示。