人妻波多野结衣爽到喷水,暖暖的在线观看日本社区,国产成人精品日本亚洲语音 http://www.mxio.cn 傳播先進設計理念 推動原創設計發展 Fri, 10 Jul 2009 15:53:00 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.1 網頁頭部css代碼優化實例 http://www.mxio.cn/20474.html http://www.mxio.cn/20474.html#respond Fri, 10 Jul 2009 15:53:00 +0000 在div+css布局中,一般都這樣來整體構架的:

<div id=”header”></div>
<div id=”center”></div>
<div id=”footer”></div>

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

<div id=”header”>
<div id=”title”>這里是網站的標題</div>
<div id=”nav”>這里是網站導航欄</div>
</div>

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

那如何才是最優化,最科學的寫法呢?
我們選用其他的Xhtml代碼來取代上面的div,那又如何選擇呢??
首先標題的選擇――我們知道在xhtml中h1-h6是表示標題的,而header里的標題在全頁來看是最重要的,我們選擇h1來表示標題是順其自然的。
其次導航欄的選擇――導航欄是由多個小塊內容組成,我們選擇無序列表

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

來表示菜單最合適不過了!
最后以上的內容可以優化成:

<div id=”header”>
<h1>這里是網站的標題</h1>
<ul>
<li>這里是網站導航欄</li>
</ul>
</div>

]]>
http://www.mxio.cn/20474.html/feed 0
主站蜘蛛池模板: 欧美激情综合一区二区三区| 国产乱码一卡二卡三卡免费| 一本一本大道香蕉久在线播放| 久久久e热视频| 国产女人喷潮视频免费| 国产乱子伦精品免费女| 爽死你欧美大白屁股在线| 丁香五月亚洲综合在线国内自拍| 日本电影一区二区三区| 国产亚洲欧美人成在线| 少妇和邻居做不戴套视频| 久久久精品久久久久久96| 日本又黄又爽又无遮挡的视频| 欧美精品日韩精品一卡| 亚洲精品天堂无码中文字幕| 国产精品白浆在线观看免费| 老鸭窝| 手机在线看永久AV片免费| 产精品无码久久_亚洲国产精| 91福利国产午夜亚洲精品| 亚洲中文在线视频| 在线|国产精品女主播阳台| 亚洲欧美在线一区中文字幕| 欧美国产日韩一区二区三区精品影视| 国产国产乱老熟女视频网站97| 国产精品久久自在自线不| 91久久夜色精品国产网站| 里番本子纯肉侵犯肉全彩无码| 国产av亚洲精品久久久久李知恩 | 无码丰满熟妇一区二区| 在线视频中文字幕二区| 久久久久久无码午夜精品直播| 国产亚洲精品久久久久秋霞不卡| 极品尤物被啪到呻吟喷水| 亚洲日本欧美日韩中文字幕| 欧美伊香蕉久久综合网另类| 国产精品大全中文字幕| 亚洲国产中文综合专区在| 亚洲日韩欧美一区二区三区| 麻豆果冻传媒精品国产苹果| 在线看国产精品自拍内射|