為什么導(dǎo)航欄不直接用塊元素？

我覺得這個問題涉及到了標(biāo)簽的語義化。還有A本身也是內(nèi)聯(lián)。

如果做頁面的時候什么都不考慮，可以全部都用div完成。但是這樣的頁面對coder不友好，對機(jī)器也不友好。想想一下，打開一個html頁面，映入眼簾的全都是各種<div>，是一種什么樣的體驗。

為了定義html中不同的部分，所以要給網(wǎng)頁不同部分進(jìn)行代碼上的定義。比如ul>li是無序列表，ol>li是有序列表，strong是強(qiáng)調(diào)加粗，h1-h5是重點標(biāo)題等等。同時機(jī)器也可以通過查看各種不同的代碼發(fā)現(xiàn)頁面上的重點部分是哪里，更利于搜索引擎爬蟲抓取等等。

導(dǎo)航只是頁面上一組有序或者無序的鏈接。A標(biāo)簽本身就是內(nèi)聯(lián)元素，為了給他定義寬高等樣式，必然要將其塊化。

導(dǎo)航一般也就幾種寫法：

1、<a>導(dǎo)航</a>

2、<li><a>導(dǎo)航</a></li>

3、<dd><a>導(dǎo)航</a></dd>

等幾種主流寫法，不管哪種寫法都是內(nèi)聯(lián)寫法。

你非要用多個<div><a>導(dǎo)航</a></div>這種寫法的話，一方面沒有必要，增加無意義的代碼，另一方面也并不符合標(biāo)簽語義化的要求。

再者說，你的導(dǎo)航是不是必須得有A鏈接，A鏈接就肯定是內(nèi)聯(lián)元素啊。