來自：http://www.cnblogs.com/FlyCat/archive/2012/06/27/2566325.html
代碼：
HTML header結構
< html >
< head >
<!--
base標簽為頁面上的所有鏈接規定默認地址或默認目標。
通常情況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來構造新的相對 URL 。
使用 <base> 標簽可以改變這一點。瀏覽器隨后將不再使用當前文檔的 URL，而使用<base>指定的基本 URL
來作為相對 URL。這其中包括 <a>、<img>、<link>、<form> 標簽中的 URL。
在 HTML 中，<base> 標簽沒有結束標簽；在 XHTML 中，<base> 標簽必須被正確地關閉。
<base> 標簽必須位於 head 元素內部。
target可選的屬性
_blank
_parent
_self
_top
framename
例如將target設置為_blank將使得頁面中所有的連接將在新窗口中打開。
-->
< base href ="http://www.w3school.com.cn/i/" />
< base target ="_blank" />
<!--
meta標簽的屬性定義了與文檔相關聯的名稱/值對。
當屬性為http-equiv時，值可以為content-type，expires，refresh，set-cookie等，content 屬性關聯到 HTTP 頭部。
當屬性為name時，值可以為author，description，keywords，generator，revised，others等，content 屬性關聯到一個名稱。
-->
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
<!--
charset設置網頁的文件編碼，不一定是utf-8，也可能是gb2312,gbk等，根據實際情況修改。
content-type,可以為mime/subtype，常見為text/html,image/jpg等。
-->
< meta http-equiv ="expires" content ="2005/05/05 18:00:00" >
<!-- 脫機瀏覽的過期時間 -->
< meta http-equiv ="pragma" content ="no-cache" >
<!-- 禁止網頁從緩存中讀取 -->
< meta http-equiv ="Refresh" content ="5;http://users7.nofeehost.com/luan123/" >
<!-- 網頁重新定向 -->
< meta http-equiv ="set-cookie" content ="2005/05/05 18:00:00" >
<!-- 設置網頁的cookie過期時間 -->
< meta http-equiv ="Window-target" content ="_top" >
<!-- 設置網頁中鏈接的目標窗口 -->
< meta http-equiv ="Page-Enter" content ="revealTrans(duration=1000000,transition=50000000)" >
<!-- 設置網頁的打開效果 -->
< meta http-equiv ="Page-Exit" content ="revealTrans(duration=1000000,transition=50000000)" >
<!-- 設置網頁的關閉效果 -->
< meta name ="keywords" content ="overmind,zerg,protoss" >
<!-- 設置網頁的關鍵字，搜索的時候優先！！！重要！！！ 該數據被搜索引擎編入索引 -->
< meta name ="description" content ="哈哈哈哈哈" >
<!-- 插入描述 搜索時被搜索引擎編入索引 -->
< title >無標題文檔 </ title >
<!-- <title> 標簽是 <head> 標簽中唯一要求包含的東西。 -->
< link rel ="stylesheet" type ="text/css" href ="/html/csstest1.css" >
<!--
在 HTML 中，<link> 標簽沒有結束標簽。
在 XHTML 中，<link> 標簽必須被正確地關閉。
<link> 標簽定義文檔與外部資源的關系。
<link> 標簽最常見的用途是鏈接樣式表
link 元素是空元素，它僅包含屬性。
此元素只能存在於 head 部分，不過它可出現任何次數。
標准屬性
id, class, title, style, dir, lang, xml:lang
-->
< style type ="text/css" >
h1 {color:red}
p {color:blue}
</ style >
<!--
<style> 標簽用於為 HTML 文檔定義樣式信息。
在 style 中，您可以規定在瀏覽器中如何呈現 HTML 文檔。
type 屬性是必需的，定義 style 元素的內容。唯一可能的值是 "text/css"。
style 元素位於 head 部分中。
所有主流瀏覽器都支持 <style> 標簽。
-->
< script type ="text/javascript" src ="myscripts.js" ></ script >
< script type ="text/javascript" >
document.write("Hello World!")
</ script >
<!--
<script> 標簽用於定義客戶端腳本，比如 JavaScript。
script 元素既可以包含腳本語句，也可以通過 src 屬性指向外部腳本文件。
必需的 type 屬性規定腳本的 MIME 類型。
JavaScript 的常見應用時圖像操作、表單驗證以及動態內容更新。
假如此元素內部的代碼沒有位於某個函數中，那么這些代碼會在頁面被加載時被立即執行。<frameset> 標簽之后的腳本會被忽略。
請參閱 noscript 元素；對於那些在瀏覽器中禁用腳本或者其瀏覽器不支持客戶端腳本的用戶來說，該元素非常有用。
-->
< noscript >Your browser does not support JavaScript! </ noscript >
<!--
noscript 元素用來定義在腳本未被執行時的替代內容（文本）。
此標簽可被用於可識別 <script> 標簽但無法支持其中的腳本的瀏覽器。
注釋：如果瀏覽器支持腳本，那么它不會顯示出 noscript 元素中的文本。
注釋：無法識別 <script> 標簽的瀏覽器會把標簽的內容顯示到頁面上。為了避免瀏覽器這樣做，您應當在注釋標簽中隱藏腳本。老式的（無法識別 <script> 標簽的）瀏覽器會忽略注釋，這樣就不會把標簽的內容寫到頁面上，而新式的瀏覽器則懂得執行這些腳本，即使它們被包圍在注釋標簽中！
-->
</ head >
< body >
aaa
</ body >
</ html >
< html >
< head >
<!--
base標簽為頁面上的所有鏈接規定默認地址或默認目標。
通常情況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來構造新的相對 URL 。
使用 <base> 標簽可以改變這一點。瀏覽器隨后將不再使用當前文檔的 URL，而使用<base>指定的基本 URL
來作為相對 URL。這其中包括 <a>、<img>、<link>、<form> 標簽中的 URL。
在 HTML 中，<base> 標簽沒有結束標簽；在 XHTML 中，<base> 標簽必須被正確地關閉。
<base> 標簽必須位於 head 元素內部。
target可選的屬性
_blank
_parent
_self
_top
framename
例如將target設置為_blank將使得頁面中所有的連接將在新窗口中打開。
-->
< base href ="http://www.w3school.com.cn/i/" />
< base target ="_blank" />
<!--
meta標簽的屬性定義了與文檔相關聯的名稱/值對。
當屬性為http-equiv時，值可以為content-type，expires，refresh，set-cookie等，content 屬性關聯到 HTTP 頭部。
當屬性為name時，值可以為author，description，keywords，generator，revised，others等，content 屬性關聯到一個名稱。
-->
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
<!--
charset設置網頁的文件編碼，不一定是utf-8，也可能是gb2312,gbk等，根據實際情況修改。
content-type,可以為mime/subtype，常見為text/html,image/jpg等。
-->
< meta http-equiv ="expires" content ="2005/05/05 18:00:00" >
<!-- 脫機瀏覽的過期時間 -->
< meta http-equiv ="pragma" content ="no-cache" >
<!-- 禁止網頁從緩存中讀取 -->
< meta http-equiv ="Refresh" content ="5;http://users7.nofeehost.com/luan123/" >
<!-- 網頁重新定向 -->
< meta http-equiv ="set-cookie" content ="2005/05/05 18:00:00" >
<!-- 設置網頁的cookie過期時間 -->
< meta http-equiv ="Window-target" content ="_top" >
<!-- 設置網頁中鏈接的目標窗口 -->
< meta http-equiv ="Page-Enter" content ="revealTrans(duration=1000000,transition=50000000)" >
<!-- 設置網頁的打開效果 -->
< meta http-equiv ="Page-Exit" content ="revealTrans(duration=1000000,transition=50000000)" >
<!-- 設置網頁的關閉效果 -->
< meta name ="keywords" content ="overmind,zerg,protoss" >
<!-- 設置網頁的關鍵字，搜索的時候優先！！！重要！！！ 該數據被搜索引擎編入索引 -->
< meta name ="description" content ="哈哈哈哈哈" >
<!-- 插入描述 搜索時被搜索引擎編入索引 -->
< title >無標題文檔 </ title >
<!-- <title> 標簽是 <head> 標簽中唯一要求包含的東西。 -->
< link rel ="stylesheet" type ="text/css" href ="/html/csstest1.css" >
<!--
在 HTML 中，<link> 標簽沒有結束標簽。
在 XHTML 中，<link> 標簽必須被正確地關閉。
<link> 標簽定義文檔與外部資源的關系。
<link> 標簽最常見的用途是鏈接樣式表
link 元素是空元素，它僅包含屬性。
此元素只能存在於 head 部分，不過它可出現任何次數。
標准屬性
id, class, title, style, dir, lang, xml:lang
-->
< style type ="text/css" >
h1 {color:red}
p {color:blue}
</ style >
<!--
<style> 標簽用於為 HTML 文檔定義樣式信息。
在 style 中，您可以規定在瀏覽器中如何呈現 HTML 文檔。
type 屬性是必需的，定義 style 元素的內容。唯一可能的值是 "text/css"。
style 元素位於 head 部分中。
所有主流瀏覽器都支持 <style> 標簽。
-->
< script type ="text/javascript" src ="myscripts.js" ></ script >
< script type ="text/javascript" >
document.write("Hello World!")
</ script >
<!--
<script> 標簽用於定義客戶端腳本，比如 JavaScript。
script 元素既可以包含腳本語句，也可以通過 src 屬性指向外部腳本文件。
必需的 type 屬性規定腳本的 MIME 類型。
JavaScript 的常見應用時圖像操作、表單驗證以及動態內容更新。
假如此元素內部的代碼沒有位於某個函數中，那么這些代碼會在頁面被加載時被立即執行。<frameset> 標簽之后的腳本會被忽略。
請參閱 noscript 元素；對於那些在瀏覽器中禁用腳本或者其瀏覽器不支持客戶端腳本的用戶來說，該元素非常有用。
-->
< noscript >Your browser does not support JavaScript! </ noscript >
<!--
noscript 元素用來定義在腳本未被執行時的替代內容（文本）。
此標簽可被用於可識別 <script> 標簽但無法支持其中的腳本的瀏覽器。
注釋：如果瀏覽器支持腳本，那么它不會顯示出 noscript 元素中的文本。
注釋：無法識別 <script> 標簽的瀏覽器會把標簽的內容顯示到頁面上。為了避免瀏覽器這樣做，您應當在注釋標簽中隱藏腳本。老式的（無法識別 <script> 標簽的）瀏覽器會忽略注釋，這樣就不會把標簽的內容寫到頁面上，而新式的瀏覽器則懂得執行這些腳本，即使它們被包圍在注釋標簽中！
-->
</ head >
< body >
aaa
</ body >
</ html >
完！