在div+css布局中，一般都這樣來整體構架的：
<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>
而對于header部分，肯定要顯示網站標題，除了顯示網站標題外，還可能要顯示其他比較重要的對象，比如網站的導航欄：
<div id="header"><BR><div id="title">這里是網站的標題</div>
<div id="nav">這里是網站導航欄</div><BR></div>
很多人一般都這樣寫的，當然這樣寫并沒有什么語法錯誤。但對于div來說有個原則，那就是盡少的使用div的嵌套（和table一樣的缺點：1、對于用戶：瀏覽器要消耗資源對嵌套的關系進行解析，影響速度；2、對于搜索：搜索引擎對嵌套的層數可能有所限制）。而且這樣寫帶給我們的可讀性也不算太高。
那如何才是最優化，最科學的寫法呢？
我們選用其他的Xhtml代碼來取代上面的div，那又如何選擇呢？？
首先標題的選擇——我們知道在xhtml中h1-h6是表示標題的，而header里的標題在全頁來看是最重要的，我們選擇h1來表示標題是順其自然的。
其次導航欄的選擇——導航欄是由多個小塊內容組成，我們選擇無序列表
<ul><li></li></ul>
來表示菜單最合適不過了！
最后以上的內容可以優化成：
<div id="header"><BR><h1>這里是網站的標題</h1>
<ul><BR><li>這里是網站導航欄</li>
</ul><BR></div>
您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。
蘇公網安備 32070502010230號