萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS設計網頁頭部的優化怎麼寫呢

CSS設計網頁頭部的優化怎麼寫呢

我們為大家收集整理了關於CSS設計網頁頭部的優化怎麼寫以方便大家參考。

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

 

 

 

 

 

 

 

 

 

而對於header部分,肯定要顯示網站標題,除了顯示網站標題外,還可能要顯示其他比較重要的對象,比如網站的導航欄:<div id="header"><BR><div id="title">這裡是網站的標題</div>

 

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

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

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

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

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

 

 

希望大家可以學會CSS設計網頁頭部的優化怎麼寫.想了解更多精彩內容,請關注我們的網站!

相關推薦:

網頁布局中CSS無效原因介紹 

copyright © 萬盛學電腦網 all rights reserved