九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

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

在div+css布局中,一般都這樣來整體構(gòu)架的:
<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>

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

<div id="header"><BR><div id="title">這里是網(wǎng)站的標題</div>
<div id="nav">這里是網(wǎng)站導(dǎo)航欄</div><BR></div>

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

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

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

來表示菜單最合適不過了!
最后以上的內(nèi)容可以優(yōu)化成:

<div id="header"><BR><h1>這里是網(wǎng)站的標題</h1>
<ul><BR><li>這里是網(wǎng)站導(dǎo)航欄</li>
</ul><BR></div>

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

聯(lián)系客服