div+css網頁布局已逐漸流行，但面對所謂DIV+CSS布局的叫法讓人更為擔心，不要讓DIV成為Table的替代品，多層嵌套的DIV會嚴重影響代碼的可閱讀性，活用HTML為我們提供的標簽吧。

　　什么時候應該用DIV?

　　雖然在這方面沒有什么硬性的規定，但個人認為DIV更適用于大體框架的定位.例如我們要定義一塊頭部的區域，一般會這樣定義一個DIV:

　　<div id="header">這里就是頭部框架里要寫的內容</div>

　　當然，可以用class來定義，但一般來講如不是在同一頁面會重復的元素，用id能更好的區別開來。

　　本人觀察了下一個著名網站的首頁代碼，它的頭部定義代碼如下:

　　<ul id="navbar">
　　<li id="articles">
　　<a href="/articles/" title="Articles">Articles</a></li>
　　<li id="topics">
　　<a href="/topics/" title="Topics">Topics</a></li>
　　<li id="about">
　　<a href="/about/" title="About">About</a></li>
　　<li id="contact">
　　<a href="/contact/" title="Contact">Contact</a></li>
　　<li id="contribute">
　　<a href="/contribute/" title="Contribute">Contribute</a></li>
　　<li id="feed">
　　<a href="/feed/" title="Feed">Feed</a></li>
　　</ul>
　　<h1 id="masthead">
　　<a href="/">
　　<img src="/pix/alalogo.gif" alt="A LIST Apart: For People Who Make Websites" />
　　</a>
　　</h1>
　　<div id="ish">
　　<a href="/issues/214" title="Issue 214">No. <em>214</em></a>
　　</div>|||　　定義了最上面的導航(ul部分)，左邊的大logo和那個圓圓的No.xxxx的標記。

　　他沒有使用DIV來做頂部的框架，但卻很好的說明了這些代碼的用途，為什么？因為他活用了HTML提供的標簽，以及樣式名稱的定義。

　　h1：這個標簽或許真正會去用的人很少，因為它顯示的字體真的是太"大"了，但我們是CSSer，有什么標簽樣式不能改呢?而且它所能表達的意思就如同它原先的作用一樣明顯(大標題)我想你已經知道怎么去用它了。

　　ul：這個標簽很多情況是用來定義導航部分的，當然也可以用ol來代替，但導航連接沒有什么順序之分吧，所以還是用ul來的比較確切(去掉CSS后效果更明顯)。

　　b：這個已經不再推薦使用的標簽，在布局上卻能帶來不少的方便(因為短)，雖然我不是太贊成使用這個標簽，但有些時候(比如細小地方的布局定義)還是不錯的選擇。

　　h2：使用最多的地方應該不是布局上，而是副標題，但有些地方需要定義欄目樣式的話，用這個標簽比較合適，欄目內容就使用p。考試吧編輯整理