欧美成人禁止网站_麻豆久草手机在线_中文字幕亚洲第一_欧洲乱码伦视频免费无码

天蠶在你身邊

不方便打電話?讓天蠶聯(lián)絡你

我們存在,我們思索,我們不斷進取首頁 >> 資訊 >> 網(wǎng)站建設行業(yè)新聞
重慶網(wǎng)絡公司 如何優(yōu)化網(wǎng)頁頭部

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

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

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

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

而對于header部分,肯定要顯示網(wǎng)站標題,除了顯示網(wǎng)站標題外,還可能要顯示其他比較重要的對象,比如網(wǎng)站的導航欄:

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

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

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

那如何才是最優(yōu)化,最科學的寫法呢?

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

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

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

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

來表示菜單最合適不過了!

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

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

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

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


地址:重慶市渝中區(qū)上清寺鑫隆達B座28-8

郵編:400015

電話:023-63612462

EMAIL:cnjl_net@163.com

渝ICP備09007657號-6

渝公網(wǎng)安備 50010302000872號