提綱：
===================================
分離功能和布局
避免頁面元素重複
靜態網站的模板架構
===================================
分離功能和布局
首先我們來看看應用模板的兩個主要目的：
分離功能（PHP）和布局（HTML）
避免頁面元素重複
第一個目的是談論得最多的目的，它設想的情形是：一組程式員編寫用於產生頁面內容的PHP指令碼，同時另一組設計人員設計HTML和圖形以控制頁面的最終外觀。分離功能和布局的基本思想就是使得這兩組人能夠各自編寫和使用獨立的一組檔案：程式員只需關心那些只包含PHP代碼的檔案，無需關心頁面的外觀；而頁面設計人員可以用自己最熟悉的可視化編輯器設計頁面配置，無需擔心破壞任何嵌入到頁面的PHP代碼。
如果你曾經看過幾個關於PHP模板的教程，那麼你應該已經明白模板的工作機制。考慮一個簡單的頁面局部：頁面的上方是頁頭，左邊是導航條，其餘部分是內容地區。這種網站可以擁有如下模板檔案：
<!-- main.htm -->
<html>
<head><title>模板樣本</title></head>
<body>
<table><tr><td>{HEADER}</td></tr>
<tr><td>{LEFTNAV}</td><td>{CONTENT}</td></tr>
</table>
</body></html>
<!-- header.htm -->
<img src="sitelogo.jpg">
<!-- leftnav.htm -->
<br><a href="foo">Foo</a>
<br><a href="bar">Bar</a>
可以看出頁面如何由這些模板構造而成：main模板控制著整個頁面的布局；header模板和leftnav模板控制著頁面的公用元素。花括弧“{}”裡面的標識符是內容預留位置。使用模板最主要的好處在於介面設計者能夠按照自己的意願編輯這些檔案，比如設定字型、修改顏色和圖形，或者完全地改變頁面的布局。介面設計者可以用任何普通HTML編輯器或者視覺化檢視編輯這些頁面，因為這些檔案都只包含HTML代碼，沒有任何PHP代碼。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
