DivCSS：并非所有內(nèi)容都必須要div做“容器”_Div+CSS教程

　　主菜單究竟是用<div id="mainnav"><ul>...</ul></div>還是<ul id="mainnav">...</ul>？

　　這是一個(gè)博弈的問題。至今這個(gè)問題也沒有人能夠給出明確的答案，就連我也是如此。誠然，<div id="mainnav">在只包含了一個(gè)<ul>元素的時(shí)候，這個(gè)div就顯得有些冗余，但有時(shí)候?yàn)榱伺浜厦拦そk麗的設(shè)計(jì)，多一層標(biāo)簽就意味著多一層變化（有些人在a標(biāo)簽里套span也是如此）。而div不帶任何原始屬性的先天優(yōu)勢也是其它標(biāo)簽所無法比擬的。

　　這個(gè)命題我只是想說明一件事，就是我們應(yīng)該意識(shí)到，<div id="mainnav"><ul>...</ul></div>之外，還有<ul id="mainnav"></ul>這種寫法，同樣具有良好的結(jié)構(gòu)和語義，并且省去了一層嵌套。在我們不需要為華麗的美工勞心勞神的時(shí)候，是不是也可以讓結(jié)構(gòu)更加簡約呢？

　　這個(gè)命題其實(shí)還可以引申為——“并不是所有內(nèi)容都需要塊元素做容器”、“并不是所有鏈接都需要其它元素做容器”，例如很多頁面都有的“更多”。有些人寫做“<div class="more"><a>...</a></div>”，也有人寫做<p><a>...</a></p>或者<strong><a>...</a></strong>。

　　在這些“容器”只包含了一個(gè)<a>標(biāo)簽的時(shí)候，它們是否還有存在的必要？直接寫成<a class="more">...</a>會(huì)破壞結(jié)構(gòu)嗎？會(huì)缺乏語義嗎？會(huì)影響布局嗎？換一種思路，你也許就會(huì)有不一樣的收獲。