以下所有代碼全是在<head>...</head>之間,具體內(nèi)容有:
1,<title>…</title>
標題元素,幫助用戶更好識別文件,有且只有一個。當作為首頁或收藏時做文件名。
2,<link>…</link>
顯示本文檔和其它文檔之間的關(guān)系:<link rel=“stylesheet” href=“s.css”> 和外部樣式表的連接。
rel說明html文件和url兩文檔之間的關(guān)系,href說明文檔名。
3,<style>…</style>
可以在文檔中包含風格頁。文檔本身的內(nèi)部樣式。
4,<base>…</base>
為相對路徑定義絕對路徑url,讀者下載你的文檔后,也可知道從哪下的
url格式:通信協(xié)議://主機名/路徑/文件名
5,<script>…</script>
用于包含腳本(一系列腳本語言寫的命令)可以是 Javascript 或 VbScript。
6,<meta>…</meta>
meta標簽的常見功能:
1、幫助主頁被各大搜索引擎登錄
2、定義頁面的使用語言
3、自動刷新并指向新的頁面
4、實現(xiàn)網(wǎng)頁轉(zhuǎn)換時的動畫效果
5、網(wǎng)頁定級評價
6、控制頁面緩沖
7、控制網(wǎng)頁顯示的窗口。
meta是用來在HTML文檔中模擬HTTP協(xié)議的響應(yīng)頭報文。
meta 的屬性有兩種:name和http-equiv。
name屬性主要用于描述網(wǎng)頁,對應(yīng)于content(網(wǎng)頁內(nèi)容),以便于搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網(wǎng)上機器人自動查找meta值來給網(wǎng)頁分類)。這其中最重要的是description(站點在搜索引擎上的描述)和keywords(分類關(guān)鍵詞),所以應(yīng)該給每頁加一個meta值。
name 屬性
1、<meta name="Generator" contect="editplus">用以說明生成工具(如Microsoft FrontPage 4.0)等;
2、<meta name="KEYWords" contect="jb51,cnrose">向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞;
3、<meta name="Description" contect="jb51's blog">告訴搜索引擎你的站點的主要內(nèi)容;
4、<meta name="Author" contect="jb51">告訴搜索引擎你的站點的制作的作者;
5、<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
其中的屬性說明如下:
設(shè)定為all:文件將被檢索,且頁面上的鏈接可以被查詢;
設(shè)定為none:文件將不被檢索,且頁面上的鏈接不可以被查詢;
設(shè)定為index:文件將被檢索;
設(shè)定為follow:頁面上的鏈接可以被查詢;
設(shè)定為noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;
設(shè)定為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="n; url=http://yourlink"> 定時讓網(wǎng)頁在指定的時間n秒內(nèi),跳轉(zhuǎn)到頁面http;//yourlink;
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于設(shè)定網(wǎng)頁的到期時間,一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時間格式;
4、<meta http-equiv="Pragma" contect="no-cache">是用于設(shè)定禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容,設(shè)定后一旦離開網(wǎng)頁就無法從Cache中再調(diào)出;
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie設(shè)定,如果網(wǎng)頁過期,存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式;
6、<meta http-equiv="Pics-label" contect="">網(wǎng)頁等級評定,在IE的internet選項中有一項內(nèi)容設(shè)置,可以防止瀏覽一些受限制的網(wǎng)站,而網(wǎng)站的限制級別就是通過meta屬性來設(shè)置的;
7、<meta http-equiv="windows-Target" contect="_top">強制頁面在當前窗口中以獨立頁面顯示,可以防止自己的網(wǎng)頁被別人當作一個frame頁調(diào)用;
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">設(shè)定進入和離開頁面時的特殊效果,這個功能即FrontPage中的“格式/網(wǎng)頁過渡”,不過所加的頁面不能夠是一個frame頁面。
Duration的值為網(wǎng)頁動態(tài)過渡的時間,單位為秒。
Transition是過渡方式,它的值為0到23,分別對應(yīng)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 隨機產(chǎn)生一種過渡方式
2025國考·省考課程試聽報名