如何使用html5元素進行網頁布局

HTML5在HTML的根本上增添了良多元素，包羅嵌入音頻、視頻和圖形的功能。下面介紹若何操縱HTML5根基元素進行網頁結構。

方式/步調

1
建立一個HTML5文件，定名為index.html。
2
在HTML5頁面中，經由過程<header>標簽界說頁面的頭部，需要竣事標簽</header>，格局為：<header>頭部內容</header>
3
在HTML5頁面中，經由過程<nav>標簽界說導航鏈接，需要竣事標簽</nav>，格局為：<nav>導航內容</nav>
4
在HTML5頁面中，經由過程<section>標簽來界說頁面中的節或段，需要竣事標簽</section>，格局為：<section>內容</section>
5
在HTML5頁面中，經由過程 <footer>標簽來界說頁面的底部，需要竣事標簽</footer>，格局為：<footer>內容</footer>
6
經由過程CSS簡單美化頁面，給頭部、導航、內容、底部設置分歧的樣式便利區分。代碼如下：
7
運行代碼，瀏覽器查看結果，至此，完當作簡單的HTML5頁面建造。