<button id="op6hj"><object id="op6hj"><menuitem id="op6hj"></menuitem></object></button>
<rp id="op6hj"><object id="op6hj"></object></rp>

<th id="op6hj"></th>
  • <progress id="op6hj"></progress>
    
    

  • <th id="op6hj"><track id="op6hj"></track></th>

      資訊

      網站建設資訊 ? 網站設計趨勢

      從品牌網站建設到網絡營銷策劃,從策略到執行的一站式服務

      網站導航優化技巧 網站導航怎么優化

      來源:沙漠風網站建設公司 | 2013.07.28


      今天小編來說一下網站建設中網站頭部的優化技巧,對于一個剛剛學網站建設的人來講很多的代碼都是不規范的,不是說代碼的不對,很多功能其實也都能實現,但是真正是否做到了優化,那就另當別論了,特別是應屆生在學校接收到的知識可能只是簡單表面的東西,很少會接觸或者考慮到優化的問題,今天小編就網站頭部優化的問題做了一個小小的歸納,希望能夠幫助到大家吧!
      
      我們通常做網站的時候,當然我在學校里學到的也是這樣寫的,在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>
      
      很多人一般都這樣寫的,包括當年的我,當然這樣寫并沒有什么語法錯誤。但對于沙漠風www.chottuweb.com來說有個原則,那就是盡少的使用div的嵌套他的缺點和table一樣:
      1、對于用戶:瀏覽器要消耗資源對嵌套的關系進行解析,影響速度;
      2、對于搜索:搜索引擎對嵌套的層數可能有所限制。
      3、這樣寫帶給我們的可讀性也不算太高。
      
      那如何才是優化,科學的寫法呢?我們選用其他的Xhtml代碼來取代上面的div,那又如何選擇呢??
        先標題的選擇——我們知道在xhtml中h1-h6是表示標題的,而header里的標題在全頁來看是重要的,我們選擇h1來表示標題是順其自然的。
        其次導航欄的選擇——導航欄是由多個小塊內容組成,我們選擇無序列表
      <ul><li></li></ul>
        來表示菜單合適不過了!
        后以上的內容可以優化成:
      <div id="header"><BR><h1>這里是網站的標題</h1>
      <ul><BR><li>這里是網站導航欄</li>
      </ul><BR></div>  
       
      十八年 建站經驗

      多一份參考,總有益處

      聯系沙漠風,免費獲得專屬《策劃方案》及報價

      咨詢相關問題或預約面談,可以通過以下方式與我們聯系

      業務熱線:400-688-6062 / 大客戶專線   深圳:15818561755

      高潮白浆潮喷正在播放