> extends為繼承指令,一般項目中, 我們的網頁框架是一樣的, 比如新聞介紹頁, 文章介紹頁, 文章列表頁, 等等 都是公用的頭部底部和側邊欄, 又或者做后臺的時候, 都是統一的導航菜單和底部, 這時候我們可以使用模板繼承方便的實現代碼的重用和結構的劃分
## 1. base.html
```
<!DOCTYPE html>
<html>
<head>
<title>base</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div php-block="left">這里是left, 會被替換</div>
<div php-block="right">這里是right, 會被替換</div>
<div php-block="bottom">這里是bottom, 會被替換</div>
</body>
</html>
```
## 2. index.html
```
<div php-extends="common/base"></div>
<div php-block="left">
網頁主體
</div>
<div php-block="right">
側邊欄推薦
<ul>
<li php-repeat="[1,2,3,4,5] as $i">列表 {$i}</li>
</ul>
</div>
<div php-block="bottom">
版權所有 {$username}
</div>
```
> 這樣模板引擎調用解析 index.html的時候會把對應的block合并到base.html中, 實現模板的繼承
## 解析結果
```
<!DOCTYPE html>
<html>
<head>
<title>base</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div >
網頁主體
</div>
<div >
側邊欄推薦
<ul>
<?php foreach ([1,2,3,4,5] as $i) { ?><li >列表 <?php echo $i; ?></li><?php } ?>
</ul>
</div>
<div >
版權所有 <?php echo $username; ?>
</div>
</body>
</html>
```