網頁結構
這些是web頁面的主要元素。有很多不同的方法去組織它們,但是這種佈局也許是最常用的。
Container
所有的web頁面都用一個container,主要是爲了同一個目的:去包含一些頁面元素,然而這個方法實現各有不同。例如,body標籤或者是最常用的div。甚至於過去常用的'table(不要使用table作爲你的container,這是一個非常差方法)。想像一下container作爲你房子的外牆,裏面包含臥室,廚房,起居室等等。
container的類型:
Liquid: 根據瀏覽器寬度填充。
Fixed: 指定的寬度,並不會根據瀏覽器寬度改變。
Header
header並不真的是一個特定的元素,儘管某些人會認爲它是。它更多是用在涉及到你放置你的logo,導航欄,tagline的web頁面頂層的地方。許多人更願意把這些元素包含在一個div裏以方便使頁面樣式和內容分離。header會被視爲一個container,所以它有兩種類型選擇,就是上文提到的 liquid 或 fixed 。
Logo
你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我們的閱讀習慣是,從左往右,從上至下,所以你的logo應該放在訪問者第一眼能看到的地方。