對於網頁而言，無論後端程式是多麼的複雜，最終返回給客戶端的還是HTML檔案。頁面渲染模式主要分：伺服器端渲染、客戶端（前端）渲染。不管哪種渲染模式，其實都是基於模板引擎而言的。

對於普通使用者而言，採用哪種渲染模式似乎並不重要，但對於網站架構而言其中區別還是很大的。

伺服器端渲染其實就是伺服器端在返回HTML給客戶端之前，先將HTML模板上特定區域填充上資料後生成完整的HTML返回給客戶端。

此時模板檔案儲存在伺服器端。

1、優點：由伺服器端進行資料填充工作，不會影響前端效能（解析模板是有效能開銷的）、SEO友好、首屏渲染快；

2、缺點：佔用了伺服器端運算資源，響應體較大（因為返回的是完整的HTML文字）。

客戶端渲染指的就是藉助前端的JavaScript呼叫後端API來實現頁面渲染。前端也是有模板引擎的，而前端模板引擎在填充資料時也是靠JS來操作DOM節點的。

此時模板檔案儲存在前端。

1、優點：不佔用伺服器端資源，模板在前端改起來更容易，不用麻煩後端聯調；

2、缺點：由前端JS負責資料解析和填充工作，在弱網環境下頁面載入時可能會出現亂版現象，渲染起來速度可能會慢一些。另外使用前端渲染很多資料都是動態呼叫API進行填充的，所以不利於SEO。

大部分網站都是前端渲染，根據後端提供的資料介面(比如json)渲染html。這種最常用，最簡單，通用性最好，缺點就是seo不友好，一般的管理系統都是用前端渲染，如果網站入口主要在搜尋引擎，如新聞類網站，需要用後端渲染。

後端渲染就是把html拼接好直接傳遞給前臺顯示，搜尋引擎可以直接爬到完整的頁面程式碼。

jquery.html只是把html內容放進某個元素內而已