在**中許多頁面的頁頭頁尾，都是一樣的。採用非同步載入，增加**復用率；
採用php+html+jquery
方法：1.在名為header.php的頁面中：寫入頁頭部分的html
<?phpheader('content-type:text/html;charset=utf-8;');
?>
頁頭部分html**
doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
title
>第乙個頁面
title
>
<
link
rel="stylesheet"
href
="css/commont.css"
>
//引入css檔案
head
>
<
body
>
<
div
id="header"
>
<
img
src="image/loader.gif"
alt=""
>
div>
<
script
src="js/common.js"
>
script
>
//引入js檔案
body
>
html
>
3.common.js//本例子 把html**寫在php中，所以為header.php （也可把**寫在乙個html檔案中，那麼引入的時候可寫 html的名字 例如：header.html）
$('#header').load('header.php');
乙個頁面非同步請求頭部完畢
在其他頁面中載入頁頭，同樣需要指明頁頭的位置
doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
title
>第二個頁面
title
>
<
link
rel="stylesheet"
href
="css/commont.css"
>
//引入css檔案
head
>
<
body
>
<
div
id="header"
>
<
img
src="image/loader.gif"
alt=""
>
div>
<
script
src="js/common.js"
>
script
>
//引入js檔案
body
>
html
>
這樣既可實現多個頁面非同步載入頁頭，非同步載入頁尾方法同上；
注意：
由於非同步載入的頭部元素(無論是用php寫的還是html寫的)不在dom樹上，
在對非同步載入的頭部元素進行操作時，要用事件**來寫
即，找到dom樹上的元素進行繫結：
$('#header').on('mouseenter','#top>p',function
());
});
頁頭 頁尾的優化
對於網頁來說，內容是非常重要的。網頁內容在說什麼只有閱讀全文才能準確的把握 搜尋引擎是如何來解讀這樣的內容，方法大同小異。在解析html中的所有文字內容，根據詞頻和語義來判斷的。那麼，既然內容這麼重要為什麼還要提到頁頭和頁尾呢？重要東西一定要有對比才能說明其重要性，如果滿篇都是重要的內容，沒有優先等...
關於js非同步載入的理解
最近在除錯 的時候想非同步載入js進去，便查了一下js非同步載入的相關知識，不查不知道，一查受益匪淺，平時沒有注意的好多小細節，竟然有如此大的作用。一直以為bigpipe的原理就是非同步載入那麼簡單，其實不然，最近幾年，為了不讓js的載入影響到網頁的可視性，開始嘗試將js放在底部，而不是一味的放在h...
關於JQuery獲取非同步載入的元素
今天在寫專案的時候，用jquery的時候遇到乙個問題，描述如下 1 我在載入a.html的同時，初始化a.html中的init user,msgnum 方法 var init function user,msgnum msg info click function 在這個方法中，我為 name元素新...