CSS高級(jí)布局已逐漸流行，但面對(duì)所謂DIV+CSS布局的叫法讓人更為擔(dān)心，不要讓DIV成為Table的替代品，多層嵌套的DIV會(huì)嚴(yán)重影響代碼的可閱讀性，活用HTML為我們提供的標(biāo)簽吧。
什么時(shí)候應(yīng)該用DIV?
雖然在這方面沒有什么硬性的規(guī)定,但個(gè)人認(rèn)為DIV更適用于大體框架的定位.例如我們要定義一塊頭部的區(qū)域,一般會(huì)這樣定義一個(gè)DIV:
<div id="header">這里就是頭部框架里要寫的內(nèi)容</div>
當(dāng)然,可以用html' target='_blank'>class來定
本人觀察了下alistapart的首頁(yè)代碼,它的頭部定義代碼如下:
以下是引用片段： <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> 效果可訪問:ALA
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
新聞熱點(diǎn)
疑難解答
