HTML代碼-網頁頭部代碼全清楚

2020-03-24 17:18:30

字體：大中小

來源：轉載

供稿：網友

以下所有代碼全是在 head ... /head 之間，具體內容有：
1， title /title
標題元素，幫助用戶更好識別文件，有且只有一個。當作為首頁或收藏時做文件名。
2， link /link
顯示本文檔和其它文檔之間的關系： link rel= stylesheet href= s.css 和外部樣式表的連接。
rel說明html文件和url兩文檔之間的關系，href說明文檔名。
3, style /style
可以在文檔中包含風格頁。文檔本身的內部樣式。
4, base /base
為相對路徑定義絕對路徑url，讀者下載你的文檔后，也可知道從哪下的
url格式：通信協議：//主機名/路徑/文件名
5， script /script
用于包含腳本（一系列腳本語言寫的命令）可以是 Javascript 或 VbScript。
6， meta /meta
meta標簽的常見功能：
１、幫助主頁被各大搜索引擎登錄
２、定義頁面的使用語言
３、自動刷新并指向新的頁面
４、實現網頁轉換時的動畫效果
５、網頁定級評價
６、控制頁面緩沖
７、控制網頁顯示的窗口。
meta是用來在HTML文檔中模擬HTTP協議的響應頭報文。
meta 的屬性有兩種：name和http-equiv。
name屬性主要用于描述網頁，對應于content（網頁內容），以便于搜索引擎機器人查找、分類（目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類）。這其中最重要的是description（站點在搜索引擎上的描述）和keywords（分類關鍵詞），所以應該給每頁加一個meta值。

name 屬性
1、 meta name= Generator contect= editplus 用以說明生成工具（如Microsoft FrontPage 4.0）等；
2、 meta name= KEYWords contect= phpstudy,cnrose 向搜索引擎說明你的網頁的關鍵詞；
3、 meta name= Description contect= phpstudy's blog 告訴搜索引擎你的站點的主要內容；
4、 meta name= Author contect= phpstudy 告訴搜索引擎你的站點的制作的作者；
5、 meta name= Robots contect= all|none|index|noindex|follow|nofollow
其中的屬性說明如下：
設定為all：文件將被檢索，且頁面上的鏈接可以被查詢；
設定為none：文件將不被檢索，且頁面上的鏈接不可以被查詢；
設定為index：文件將被檢索；
設定為follow：頁面上的鏈接可以被查詢；
設定為noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；
設定為nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。

http-equiv屬性
1、 meta http-equiv= Content-Type contect= text/html charset=gb_2312-80 和 meta http-equiv= Content-Language contect= zh-CN 用以說明主頁制作所使用的文字以及語言；又如英文是ISO-8859-1字符集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、 meta http-equiv= Refresh content= url=http://yourlink 定時讓網頁在指定的時間n秒內，跳轉到頁面http;//yourlink；
3、 meta http-equiv= Expires contect= Mon,12 May 2001 00:20:00 GMT 可以用于設定網頁的到期時間，一旦過期則必須到服務器上重新調用。需要注意的是必須使用GMT時間格式；
4、 meta http-equiv= Pragma contect= no-cache 是用于設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定后一旦離開網頁就無法從Cache中再調出；
5、 meta http-equiv= set-cookie contect= Mon,12 May 2004 00:20:00 GMT cookie設定，如果網頁過期，存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式；
6、 meta http-equiv= Pics-label contect= 網頁等級評定，在IE的internet選項中有一項內容設置，可以防止瀏覽一些受限制的網站，而網站的限制級別就是通過meta屬性來設置的；
7、 meta http-equiv= windows-Target contect= _top 強制頁面在當前窗口中以獨立頁面顯示，可以防止自己的網頁被別人當作一個frame頁調用；
8、 meta http-equiv= Page-Enter contect= revealTrans(duration=10,transtion= 50) 和 meta http-equiv= Page-Exit contect= revealTrans(duration=20，transtion=6) 設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的格式/網頁過渡，不過所加的頁面不能夠是一個frame頁面。

Duration的值為網頁動態過渡的時間，單位為秒。
Transition是過渡方式，它的值為0到23，分別對應24種過渡方式。如下表：
0 盒狀收縮 1 盒狀放射
2 圓形收縮 3 圓形放射
4 由下往上 5 由上往下
6 從左至右 7 從右至左
8 垂直百葉窗 9 水平百葉窗
10 水平格狀百葉窗 11垂直格狀百葉窗
12 隨意溶解 13從左右兩端向中間展開
14從中間向左右兩端展開 15從上下兩端向中間展開
16從中間向上下兩端展開 17 從右上角向左下角展開
18 從右下角向左上角展開 19 從左上角向右下角展開
20 從左下角向右上角展開 21 水平線狀展開
22 垂直線狀展開 23 隨機產生一種過渡方式html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML5帶來全新網絡格局

下一篇：HTML5 Canvas draw方法制作動畫效果示例