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

　　這是一個博弈的問題。至今這個問題也沒有人能夠給出明確的答案，就連我也是如此。誠然，<div id="mainnav">在只包含了一個<ul>元素的時候，這個div就顯得有些冗余，但有時候為了配合美工絢麗的設計，多一層標簽就意味著多一層變化（有些人在a標簽里套span也是如此）。而div不帶任何原始屬性的先天優勢也是其它標簽所無法比擬的。

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

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

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