HTML 版心代碼,指的是網頁中主要內容區域的布局、樣式和組件等相關代碼。下面,我們來看一段例子:
<div class="container"> <header class="header"> <h1>這是標題</h1> </header> <main class="main"> <p>這是正文內容</p> </main> <aside class="sidebar"> <h2>這是側邊欄標題</h2> <ul> <li><a href="#">菜單項1</a></li> <li><a href="#">菜單項2</a></li> <li><a href="#">菜單項3</a></li> </ul> </aside> <footer class="footer"> <p>這是頁腳信息</p> </footer> </div>
這段代碼采用了 div 容器來包裹頁面的主要內容區域,并通過 header、main、aside 和 footer 四個語義化標簽來劃分不同的區域,使頁面結構更加清晰明了。同時,通過 class 屬性對不同區域進行樣式命名,實現了更細致的頁面樣式控制。