網頁框架是指將頁面分成若干區域，并在這些區域內放置不同的內容。
在前端開發中，我們可以使用DIV元素及CSS樣式來構建網頁框架。
<!DOCTYPE html>
<html>
<head>
<title>網頁框架</title>
<style>
.container {
display: flex;
flex-direction: row;
}
.sidebar {
width: 20%;
}
.main-content {
width: 80%;
}
.header {
height: 100px;
background-color: #3498db;
color: #fff;
text-align: center;
line-height: 100px;
}
.footer {
height: 50px;
background-color: #ccc;
text-align: center;
line-height: 50px;
}
</style>
</head>
<body>
<div class="header">這里是頭部</div>
<div class="container">
<div class="sidebar">這里是側邊欄</div>
<div class="main-content">這里是主內容</div>
</div>
<div class="footer">這里是底部</div>
</body>
</html>這是一個簡單的網頁框架，它由一個頭部、一個側邊欄、一個主內容和一個底部組成。
我們使用了DIV元素及CSS樣式來實現這個框架，并使用了flex布局來使不同的區域有不同的寬度。
通過這種方式，我們可以輕松地構建出一個結構清晰、布局合理的網頁。