HTML5 提供的新語義元素定義了網頁的不一樣部分(此時style樣式表內使用語義元素加{}來定義樣式)ide
HTML5 語義元素佈局
header | 定義文檔或節的頁眉 |
nav | 定義導航連接的容器 |
section | 定義文檔中的節 |
article | 定義獨立的自包含文章 |
aside | 定義內容以外的內容(好比側欄) |
footer | 定義文檔或節的頁腳 |
details | 定義額外的細節 |
summary | 定義 details 元素的標題 |
這個例子使用 <header>, <nav>, <section>, 以及 <footer> 來建立多列布局:網站
在HTML4.0版本中 可以使用區塊元素配合id屬性達到一樣目的(此時style樣式表裏使用與id搭配的「#語義元素 加{}「)spa
能夠使用folate浮動佈局來分割橫向並排的塊元素文檔
例子io
<div id="header">table
內容。。。。class
</div>容器