div 和 span，divspan

div 和 span，divspan

自己在寫HTML頁面結構的時候，腦海中經常浮現一句話，那就是要將不必要的標記減到最少，結果是自己儘可能地少用div嵌套，導致有時候反而效率變低，今天整理下，希望以後能更佳合理地使用，同時在必要時進行折中。

div實際上代表部分（division)，它可以將文檔分割為及格有意義的地區。所以，通過將主要內容地區包圍在div中並分配Content類，就可以在文檔中添加結構和意義。

為了將不必要的標記減到最少，應該只有在沒有現有元素能夠實現地區分割的情況下使用div元素。例如，如果使用主導航列表，就不需要將它包圍在div中。

    <div class="nav">        <ul>            <li><a href="#home">home</a></li>            <li><a href="#about">about</a></li>            <li><a href="#contact">contact</a></li>        </ul>    </div>

 可以完全刪除div，直接在列表上應用類：

　　　　　<ul class="nav">            <li><a href="#home">home</a></li>            <li><a href="#about">about</a></li>            <li><a href="#contact">contact</a></li>        </ul>

div可以用來對區塊層級元素進行分組，而span可以用來對行內元素進行分組或標識：

    <h2>Andy wins an Oscar for his cameo in Iron Man</h2>    <p>Published on <span class="date">February 22nd,2009</span>     by <span class="author">Harry Knowles</span></p>

 儘管目標是讓代碼儘可能簡潔且有意義，但是有時候為了以自己希望的方式顯示頁面，無法避免添加額外的無語義的div或span，如果是這樣，那也不必過分為此擔心。我們正處在一個過渡時期，CSS3有望提供更強大的文檔控制能力。而且，實際需要常常比理論出現的早。關鍵是知道什麼時候必須進行折中，並且有正確的原因進行折中。