萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> html Meta標簽小集

html Meta標簽小集

<Head>……</head>表示是<HTML>的文件頭部,用來說明文件命名和與文件本身的相關信息。通常這部分標簽是聲明此網頁的:默認語言編碼、關鍵字、使用軟件等。

   Meta標簽可分為兩大部分,HTTP標題信息(HTTP-EQUIV)和頁面描述信息(NAME)。下表表述的是HTTP標題信息。

表1 HTTP標題信息(HTTP-EQUIV)表

content-type 顯示字符集 <Meta http-equiv=”content-type” content =”text/html;charset=GB2312> refresh 讓頁面指定時間刷新自己,或者跳轉 <Meta http-equiv=”refresh” content=”30;url=http://weibo.com/jjseen”> expires 指定網頁緩存的過期時間 <Meta http-equiv=”expires” content=”0”> <!-- 馬上過期--> cach 是否允許浏覽器從本地機器調閱緩存 <Meta http-equiv=”cach” content=”NO-cach”> <!--禁止,網頁不保存,每次訪問都刷新 --> set-cookie 是否禁用cookie或者使cookie失效 <Meta http-equiv=”set-cookie” content=”cookievalue=××;expires=Wednesday,21……/> window-target 強制頁面的顯示方式 <Meta http-equiv=”window-target” content=”_top/>強制頁面在當前窗口中以獨立頁面顯示,也可以用來防止別人在框架裡調用該頁面。其中content的選項為 _blank,_top,_self,_parent。 page-enter,page-exit 頁面的進入與退出的特效設置 <Meta http-equiv=”page-enter” content=”blendTrans(Duration=0.5)”>這實際上是利用到了CSS濾鏡。

      Meta的頁面描述信息(NAME)用於說明和描述網頁,name是描述網頁的,對應於content,以便於搜索機器人查找、分類。name的取值(name=””)指定所提供的信息類型,其中有些

值是已經定義好的,例如description、keyword、refresh等。也可以指定其他任意的值,如creationdate、documentID、Level等。下表是具體語法:

表2 HTTP描述信息表

keywords 聲明網頁的關鍵字,又搜索引擎自動完成關鍵字索引。 <Meta name=”keywords” content=”HTML,HTML頭部,HTTP-EQUIV,meta”/> Description 描述網站的主要內容,搜索殷勤也會通過這個屬性來檢索這個網站,但是不顯示出來。 <Meta name=”Description” content=”這篇博文講解了HTML頭部相關標簽”/> Robots 機器人向導,用來告訴機器人那些頁面需要索引,那些不需要索引。 <Meta name=”Robots” contents=”All|None|Index|Noindex|Follow|NoFollow”>
all:文件將被索引。None文件不被索引,且頁面上的鏈接不可以被查詢。(和"NoIndex,NoFollow"起相同作用).Index:文件將被檢索。Follow:頁面上的鏈接可以被查詢。 Author 頁面作者 <Meta name=”Author” content=”jjseen,[email protected]”/> Copyright 用於標注版權 <Meta name=”Copyrightng” content=”版權所有”/> Generator 編輯器   revisit-after 設定重新訪問的時間間隔,以天為單位。(我還不是很清楚該標簽作用) <Meta name=”revisit-after” content=”7 days”>      

  Meta還有一些其他標簽,也統一整理,見下表:

表3 Meta其他標簽表

scheme 說明內容的一個含義標簽 <Meta scheme=”ISBN” name=”identifier” content=”0-14-042152”> link 鏈接到某個文件 <link href=”logo.ico” rel=”Shortcut Icon”>放入收藏夾中後顯示的小圖標,地址欄上的小圖標 base 基鏈接 <base href=”http://weibo.com/jjseen” target=”_blank”>使用該語句後,網頁上所有相對路徑在鏈接時都會自動加上前面的地址。
copyright © 萬盛學電腦網 all rights reserved