18禁黄无遮挡免费网站动漫_日本 欧美 亚洲 另类_91sex国产_免费h在线观看视频网站

在div+css布局中，一般都這樣來(lái)整體構(gòu)架的：

<div id="header"></div>

<div id="center"></div>

<div id="footer"></div>

而對(duì)于header部分，肯定要顯示網(wǎng)站標(biāo)題，除了顯示網(wǎng)站標(biāo)題外，還可能要顯示其他比較重要的對(duì)象，比如網(wǎng)站的導(dǎo)航欄：

<div id="header"><BR><div id="title">這里是網(wǎng)站的標(biāo)題</div>

<div id="nav">這里是網(wǎng)站導(dǎo)航欄</div><BR></div>

很多人一般都這樣寫的，當(dāng)然這樣寫并沒(méi)有什么語(yǔ)法錯(cuò)誤。但對(duì)于div來(lái)說(shuō)有個(gè)原則，那就是盡少的使用div的嵌套（和table一樣的缺點(diǎn)：1、對(duì)于用戶：瀏覽器要消耗資源對(duì)嵌套的關(guān)系進(jìn)行解析，影響速度；2、對(duì)于搜索：搜索引擎對(duì)嵌套的層數(shù)可能有所限制）。而且這樣寫帶給我們的可讀性也不算太高。

那如何才是最優(yōu)化，最科學(xué)的寫法呢？

我們選用其他的Xhtml代碼來(lái)取代上面的div，那又如何選擇呢？？

首先標(biāo)題的選擇——我們知道在xhtml中h1-h6是表示標(biāo)題的，而header里的標(biāo)題在全頁(yè)來(lái)看是最重要的，我們選擇h1來(lái)表示標(biāo)題是順其自然的。

其次導(dǎo)航欄的選擇——導(dǎo)航欄是由多個(gè)小塊內(nèi)容組成，我們選擇無(wú)序列表

<ul><li></li></ul>

來(lái)表示菜單最合適不過(guò)了！

最后以上的內(nèi)容可以優(yōu)化成：

<div id="header"><BR><h1>這里是網(wǎng)站的標(biāo)題</h1>

<ul><BR><li>這里是網(wǎng)站導(dǎo)航欄</li>

</ul><BR></div>
        重慶網(wǎng)絡(luò)公司