CSS網頁頭部的優化寫法技巧

大家知道CSS網頁頭部的優化寫法嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

在div+css布局中，一般都這樣來整體構架的：

 

 

 

 

 

 

 

 

 

而對於header部分，肯定要顯示網站標題，除了顯示網站標題外，還可能要顯示其他比較重要的對象，比如網站的導航欄：

 

這裡是網站的標題

 

 

這裡是網站導航欄

 

很多人一般都這樣寫的，當然這樣寫並沒有什麼語法錯誤。但對於div來說有個原則，那就是盡少的使用div的嵌套(和table一樣的缺點：1、對於用戶：浏覽器要消耗資源對嵌套的關系進行解析，影響速度;2、對於搜索：搜索引擎對嵌套的層數可能有所限制)。而且這樣寫帶給我們的可讀性也不算太高。

那如何才是最優化，最科學的寫法呢?

我們選用其他的Xhtml代碼來取代上面的div，那又如何選擇呢??

首先標題的選擇——我們知道在xhtml中h1-h6是表示標題的，而header裡的標題在全頁來看是最重要的，我們選擇h1來表示標題是順其自然的。

其次導航欄的選擇——導航欄是由多個小塊內容組成，我們選擇無序列表

 

 

相信大家已經學會CSS網頁頭部的優化寫法了吧!感謝大家對我們網站的支持!

相關推薦：

在DWMX中創建CSS樣式表的技巧