div和span标签没有语义,相当于装内容的盒子。div为division的缩写,表示分区,span意为跨距。div和span都用于布局,一行只能放一个div,可以放多个span。
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>盒子模型</title>
</head>
<body>
<div>羊村是一个大盒子</div>
<span>喜羊羊是一个小盒子</span><span>美羊羊是一个小盒子</span><span>沸羊羊是一个小盒子</span><span>懒羊羊是一个小盒子</span><span>暖羊羊是一个小盒子</span><span>村长是一个小盒子</span>
</body>
</html>
网页效果如图