2011-07-07 80 views
2

我在類似於this的佈局中工作,不同之處在於徽標將位於導航菜單的頂部。什麼HTML5標籤應該用於側面標誌和導航?

這將是要素的配置: Layout http://dl.dropbox.com/u/27937302/layout.png

我想這應該是很簡單,但我不能讓自己肯定知道我應該使用的佈局的兩個主要領域,其標籤sidebarcontent

整個左邊欄(包括徽標和主導航)是否應該放在<header>標籤內? <aside>一個簡單的<div><header><nav>裏面?

內容方面呢?它可能有博客帖子,投資組合條目,靜態頁面等。

請考慮整個content區域將不得不被dinamically添加到主模板。 此外,sidebar有紋理背景的大圖像,它必須適合所有高度瀏覽器。

在此先感謝。

回答

1

<nav>應該包含導航,<footer>應包含頁腳和<header>應包含的標誌,也可能在分類鏈接。然而,你應該再選擇性地設置position: fixed,這樣的事情:

#logo, nav, #side-of-footer { 
    position: fixed; 
} 

#side-of-footer部分可能是大量依賴於實際的最終樣式,你怎麼想的事情看,那頁腳部分目前是如何標記的東西(在你的設計中,左側似乎與頁腳和導航分開,儘管沒有理由)。

+0

謝謝你的時間,但徽標和內容的頂部不能在一起,徽標將被固定,並且內容將被滾動。但是所有'側邊欄'必須是100%的高度。我用一些其他細節更新了這個問題。 – ramono

+0

@ramono:這就是爲什麼你有'#徽標'。 'position:fixed'項目被完全從文檔流中刪除,這意味着即使它們共享一個容器,而其他的東西在滾動時也無法保留,這很好。他們只是彈出。很方便:) – Ryan

+0

我明白,但其他考慮呢? – ramono