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

首頁 > 開發 > CSS > 正文

CSS教程:網頁頭部css代碼優化實例

2024-07-11 08:22:16
字體:
來源:轉載
供稿:網友
在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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 绥德县| 马边| 陕西省| 根河市| 三门县| 涿鹿县| 中超| 雷山县| 建阳市| 彭山县| 莆田市| 吴忠市| 葫芦岛市| 新宾| 龙江县| 门头沟区| 浙江省| 江口县| 荆州市| 宿州市| 佳木斯市| 东海县| 中卫市| 福鼎市| 峨边| 平邑县| 湟中县| 马关县| 平和县| 临夏市| 苏尼特左旗| 新干县| 高要市| 新龙县| 辛集市| 墨脱县| 林甸县| 子洲县| 光泽县| 黄梅县| 景东|