                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /搜索框制作

布局時div的數(shù)量過多的弊處

我想知道div過多的弊處是什么？？

Dorsy

2016-01-27

源自：搜索框制作 3-3

關(guān)注問題我要回答

1023

操作

收起

1 回答

小感冒回答被采納 +3 積分
2016-02-23

非要說弊端的話，就是影響了代碼的閱讀，和不利于搜索引擎的優(yōu)化，頁面解析速度相比較稍慢。

一般的，只要不濫用并沒有什么弊端，但是，現(xiàn)在比較倡議語義化標(biāo)簽，所以可以使用語義化的標(biāo)簽，就盡量使用語義化標(biāo)簽，例如：

這是一個簡單的HTML導(dǎo)航代碼結(jié)構(gòu)：
<!DOCTYPE?html>
<html>
<head>
	<title></title>
</head>
<body>
<div>
	<ul>
		<li><a?href="#">首頁</a></li>
		<li><a?href="#">關(guān)于慕課</a></li>
		<li><a?href="#">新聞動態(tài)</a></li>
		<li><a?href="#">課程中心</a></li>
		<li><a?href="#">在線課程</a></li>
		<li><a?href="#">人才招聘</a></li>
	</ul>
</div>
</body>
</html>
這里沒有使用div來嵌套制作導(dǎo)航菜單，而是使用了ul元素來制作導(dǎo)航，這就是語義化，移除不必要的div標(biāo)簽

另外，div嵌套層次盡量也不要太深，盡量精簡。

總結(jié)就是基本兩點(diǎn)，

1.精簡HTML結(jié)構(gòu)，移除不必要的div。

2.盡量使用語義化標(biāo)簽，減少div標(biāo)簽