国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS教程:網(wǎng)頁頭部css代碼優(yōu)化實例

2024-07-11 09:04:05
字體:
供稿:網(wǎng)友

武林網(wǎng)(www.survivalescaperooms.com)文章簡介:在div+css布局中,一般都這樣來整體構(gòu)架的.

在div+css布局中,一般都這樣來整體構(gòu)架的:

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

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

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

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

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

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

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

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 通城县| 恩施市| 松江区| 娱乐| 清流县| 明溪县| 阿拉善左旗| 武平县| 通河县| 融水| 绥中县| 班戈县| 客服| 阿勒泰市| 临潭县| 吉木乃县| 新密市| 虹口区| 黔西| 纳雍县| 赤峰市| 拉萨市| 白沙| 西乌珠穆沁旗| 宁都县| 盐亭县| 昌吉市| 辽中县| 西丰县| 清徐县| 石家庄市| 德清县| 金乡县| 独山县| 洛南县| 遵义市| 大城县| 梁山县| 淅川县| 铜鼓县| 辽源市|