HTML系列（一）
1 HTML文件型別
HTML版本眾多，瀏覽器如何得知使用的是哪個版本呢？在文件的開始，有一個DOCTYPE宣告，它用來識別HTML的版本，由一個單獨的標籤組成。宣告引用DTD（文件型別定義），規定了標記語言的規則。HTML4和XHTML 1.0時代有好幾種DOCTYPE，每種都會指明使用的HTML是嚴格型還是過渡性模式。
//嚴格模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
//過渡模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 而HTML5就簡單多了，所有瀏覽器通用，不用擔心相容性問題，只需要寫：
<!DOCTYPE html>2 meta元素定義頁面元資訊
<!DOCTYPE html>
<html lang="en">//定義英文網頁
<head>
<meta charset="UTF-8">//文件字元編碼方式，不宣告的話可能會亂碼
<title>Document</title>
</head>
<body>
</body>
</html>lang屬性只有H5中才需要指定。該屬性定義了建立文件的語言型別，en表示英文，zh表示中文。
標籤的屬性定義了與文件相關聯的名稱/值對。
有關http-equiv :
（1）網頁語言文字
基本語法一：
<meta http-equiv="content-language" content="zh-CN"/>content-language為http-equiv屬性值，用以標記頁面語言，content取值為語言程式碼，格式為“語言程式碼-國家程式碼”，“zh-CN”表示中文-中國。
基本語法二：
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>content-type用於定義檔案的型別和網頁的編碼。常見編碼型別有ASCII, ISO8859-1, GB2312, GBK, UTF-8, UTF-16等。
（2）定時跳轉頁面
基本語法：
<meta http-equiv="refresh" content="10;url=http://www.cnblogs.com/csxiaoyu/"/>refresh用於重新整理與跳轉頁面，content屬性記錄多少秒後跳轉和跳轉的網址。
也可以重新整理本頁面，如5秒後重新整理本頁面：
<meta http-equiv="refresh" content="5"/>（3）設定網頁快取過期時間
基本語法：
<meta http-equiv="expires" content="Sunday 20 October 2017 12:00 GMT"/>時間必須使用GMT格式，content設定具體的時間值。
（4）刪除過期的cookie
如果網頁過期，那麼刪除存檔的cookie:
<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Sunday 20 October 2017 12:00 GMT;path="/>（5）設定網頁過渡效果
當用戶進入或離開網頁時呈現的不同效果。
基本語法：
<meta http-equiv="page-enter" content="revealtrans(duration=5,transtion=1)"/>
<meta http-equiv="page-exit" content="revealtrans(duration=5,transtion=1)"/>page-enter表示進入頁面時啟用特效，page-exit表示離開頁面啟用特效，duration表示持續時間，transition是濾鏡型別，表示想用哪種特效，取值0到23。
| 取值 | 效果 |
|---|---|
| 0 | 盒狀收縮 |
| 1 | 盒狀展開 |
| 2 | 圓形收縮 |
| 3 | 圓形展開 |
| 4 | 向上擦除 |
| 5 | 向下擦除 |
| 6 | 向左擦除 |
| 7 | 向右擦除 |
| 8 | 垂直百葉窗 |
| 9 | 水平百葉窗 |
| 10 | 橫向棋盤式 |
| 11 | 縱向棋盤式 |
| 12 | 溶解 |
| 13 | 左右向中部收縮 |
| 14 | 中部向左右展開 |
| 15 | 上下向中部收縮 |
| 16 | 中部向上下展開 |
| 17 | 階梯狀向左下展開 |
| 18 | 階梯狀向左上展開 |
| 19 | 階梯狀向右下展開 |
| 20 | 階梯狀向右上展開 |
| 21 | 隨機水平線 |
| 22 | 隨機垂直線 |
| 23 | 隨機 |
有關name :
