標籤:中間 檔案 UI reveal name 指令碼 緩衝 串連 其他
html基礎知識(一)
本篇文章主要介紹HTML頭部所包括的資訊。
一、下面都是在標籤<head>...</head>之間的內容:
1.<title>…</title>
標題元素,協助使用者更好識別檔案,有且僅僅有一個。當作為首頁或收藏時做檔案名稱。
2.<link>…</link>
顯示本文檔和其他文檔之間的關係:<link rel=“stylesheet” href=“example.css”> 和外部樣式表的串連。
rel說明html檔案和url兩文檔之間的關係。href說明文檔名。
3.<style>…</style>
能夠在文檔中包括風格頁。文檔本身的內部樣式。
4.<base>…</base>
為相對路徑定義絕對路徑url,讀者下載你的文檔後,也可知道從哪下的
url格式:通訊協定://主機名稱/路徑/檔案名稱
5.<script>…</script>
用於包括指令碼(一系列指令碼語言寫的命令)能夠是 Javascript 或 VbScript。
6.<meta>…</meta>
meta是用來在HTML文檔中類比HTTP協議的回應標頭報文。
meta標籤的常見功能:
1).協助首頁被各大搜尋引擎登入。
2).定義頁面的使用語言;
3).自己主動重新整理並指向新的頁面;
4).實現網頁轉換時的動畫效果;
5).網頁定級評價。
6).控制頁面緩衝;
7).控制網頁顯示的表單。
二、重點介紹一下meta屬性
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="webjx,cnrose">向搜尋引擎說明你的網頁的關鍵詞。
3.<meta name="Description" contect="webjx‘s blog">告訴搜尋引擎你的網站的主要內容。
4.<meta name="Author" contect="webjx">告訴搜尋引擎你的網站的製作的作者。
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="n; url=http://yourlink"> 定時讓網頁在指定的時間n秒內,跳轉到頁面http;//yourlink。
3.<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">能夠用於設定網頁的到期時間,一旦到期則必須到server上又一次調用。須要注意的是必須使用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:隨機產生一種過渡方式。
Web學習篇之---html基礎知識(一)