请以HTML格式创建一个带有两列布局的网页，要求包括一个标题和两个主要内容区域。标题为“简易网页布局”，左边内容区域的内容是“这是左侧栏”，右边内容区域的内容是“这是右侧栏”。网页中应包含注释说明，以帮助理解。
user
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>简易网页布局</title>
<style>
/* 设置布局容器的样式 */
.container {
    display: flex;
    justify-content: space-around;
}
/* 设置左侧主要内容区域的样式 */
.left-column {
    width: 45%;
    background-color: #f4f4f4;
    padding: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
/* 设置右侧主要内容区域的样式 */
.right-column {
    width: 45%;
    background-color: #e4f4ff;
    padding: 10px;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div class="container">
    <!-- 标题 -->
    <h1>简易网页布局</h1>
    <!-- 创建两列布局 -->
    <div class="left-column">
        <!-- 左边内容区域 -->
        <p>这是左侧栏</p>
    </div>
    <div class="right-column">
        <!-- 右边内容区域 -->
        <p>这是右侧栏</p>
    </div>
</div>
</body>
</html>
assistant