HTML區塊元素與網頁佈局

使用 HTML5 的網站佈局

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>容器

相關文章
相關標籤/搜索