国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
DIV 疊的太深,套的太多 ,解決方法

在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)然這樣寫并沒有什么語(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>

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
WordPress 教程
Emmet (Zen Coding) HTML基本語(yǔ)法
jquery手風(fēng)琴
如何給wordpress導(dǎo)航欄加上自定義鏈接(一句代碼)
DIV+CSS布局網(wǎng)頁(yè)的實(shí)例
如何設(shè)計(jì)一個(gè)簡(jiǎn)單的網(wǎng)站首頁(yè)
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服