人妻波多野结衣爽到喷水,暖暖的在线观看日本社区,国产成人精品日本亚洲语音 http://m.mxio.cn 傳播先進設計理念 推動原創設計發展 Fri, 10 Jul 2009 15:53:00 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.1 網頁頭部css代碼優化實例 http://m.mxio.cn/20474.html http://m.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://m.mxio.cn/20474.html/feed 0 主站蜘蛛池模板： 中文字幕人妻偷伦在线视频| 国产三级黄色片在线观看| 在线永久免费观看黄网站| 国产午夜成人久久无码一区二区| 亚洲熟妇自偷自拍另类| 国产美女遭强被高潮网站| 樱花草在线社区WWW韩国| 日本熟妇色xxxxx日本免费看| 亚洲视频无码高清在线| 久久久久久久久久久免费精品| 毛片24种姿势无遮无拦| 一区二区三区在线 | 中国| 亚洲欧美偷拍另类A∨| 亚洲日本一区二区一本一道| 新影音先锋男人色资源网| 中国产无码一区二区三区| 亚洲高清毛片一区二区| 毛片免费全部播放无码| 色香欲天天影视综合网| 亚洲欧洲日产国码久在线| 中文字幕乱码亚洲∧v日本| 性欧美牲交在线视频| 亚洲综合欧美在线一区在线播放 | 成全影视大全在线看| 日本一道人妻无码一区在线| 男女xx00xx的视频免费观看| 亚洲va中文字幕欧美不卡| 18未满禁止免费69影院| 久久青青草原精品国产app| 亚洲欧美日韩高清中文| 亚洲 日韩 国产 制服 在线| 国产精品白丝久久AV网站| 黄色a一级视频| 亚洲第一无码xxxxxx| 2020久热爱精品视频在线观看| 欧美丰满熟妇hdxx| 综合激情久久综合激情| 国产精品入口麻豆| 国产亚洲女人久久久精品 | 激情在线网| 欧美变态另类zozo|