HTML标签之div标签

div标签的重要作用：

1、划分区域，使代码更具有逻辑性

2、可结合CSS针对该区域进行样式控制

看一个没有使用div标签的示例，如下：

<!DOCTYPE html>
<html>
<head>
    <title>这是页面标题</title>
    <meta name="keywords", content="自学H5",charset="utf-8"，
    http-equiv="content-type">
</head>
<body>
    <h3>静夜思</h3>
    <p>窗前明月光，疑似地上霜</p>
    <p>举头望明月，低头思故乡</p>
    <hr/>
    <h3>春晓</h3>
    <p>春眠不觉晓，处处闻啼鸟</p>
    <p>夜来风雨声，花落知多少</p>
</body>
</html>

效果：

我们再来看一个使用了div的示例：

<!DOCTYPE html>
<html>
<head>
    <title>这是页面标题</title>
    <meta name="keywords", content="自学H5",charset="utf-8"，
    http-equiv="content-type">
</head>
<body>
    <div>
        <h3>静夜思</h3>
        <p>窗前明月光，疑似地上霜</p>
        <p>举头望明月，低头思故乡</p>
    </div>
    <hr/>
    <div>
        <h3>春晓</h3>
        <p>春眠不觉晓，处处闻啼鸟</p>
        <p>夜来风雨声，花落知多少</p>
    </div>
</body>
</html>

效果和上面没有div的一样，但是代码结构和逻辑性强了不少。