<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

          訂閱本欄目 RSS您所在的位置: 深山工作室 > HTML > 正文

          html中meta標簽詳解

          懶人圖庫 2008/4/19 20:33:55 深山行者 字體: 瀏覽 7701

          META標簽,是HTML語言head區的一個輔助性標簽。在幾乎所有的page里,我們都可以看到類似下面這段html代碼:

          -----------------------------------------------
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          <meta http-equiv="Content-Language" content=zh-CN>
          <meta name="keywords" content="個人網站,留言板下載,深山行者">
          <meta name="description" content="個人網站,留言板下載,深山行者">
          <meta content="dreamwerver8" name=GENERATOR>
          <meta content="www.www.reapst.com.cn,深山行者" name=Author>
          <meta content="Copyright 2008,www.www.reapst.com.cn,深山行者,565449214" name=Copyright>
          </head>
          -----------------------------------------------

          這就是meta標簽的典型運用。meta標簽有多少參數,有什么作用,為什么我們要特別重視它呢?讓我們一起來發掘meta標簽的奧妙!

          根據HTML語言標準注釋:meta標簽是對網站發展非常重要的標簽,它可以用于鑒別作者,設定頁面格式,標注內容提要和關鍵字,以及刷新頁面等等。

          meta標簽分兩大部分:HTTP-EQUIV和NAME變量。

          ●HTTP-EQUIV類似于HTTP的頭部協議,它回應給瀏覽器一些有用的信息,以幫助正確和精確地顯示網頁內容。常用的HTTP-EQUIV類型有:

          1.expires(期限)
          說明:可以用于設定網頁的到期時間。一旦網頁過期,必須到服務器上重新調閱。
          用法:<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
          注意:必須使用GMT的時間格式。

          2.Pragma(cach模式)
          說明:禁止瀏覽器從本地機的緩存中調閱頁面內容。
          用法:<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
          注意:這樣設定,訪問者將無法脫機瀏覽。

          3.Refresh(刷新)
          說明:需要定時讓網頁自動鏈接到其它網頁的話,就用這句了。
          用法:<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
          注意:其中的5是指停留5秒鐘后自動刷新到URL網址。

          4.Set-Cookie(cookie設定)
          說明:如果網頁過期,那么存盤的cookie將被刪除。
          用法:<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;expires=Wednesday, 21-Oct-98 16:14:21 GMT;path=/">
          注意:必須使用GMT的時間格式。

          5.Window-target(顯示窗口的設定)
          說明:強制頁面在當前窗口以獨立頁面顯示。
          用法:<META HTTP-EQUIV="Window-target" CONTENT="_top">
          注意:用來防止別人在框架里調用你的頁面。

          5.Content-Type(顯示字符集的設定)
          說明:設定頁面使用的字符集。(我們在前面字體設計中已經介紹過它的作用)
          用法:<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


          ●meat標簽的NAME變量語法格式是:
          <META NAME="xxx" CONTENT="xxxxxxxxxxxxxxxxxx">
          其中xxx主要有下面幾種參數:

          1.Keywords(關鍵字)
          說明:keywords用來告訴搜索引擎你網頁的關鍵字是什么。
          舉例:<META NAME ="keywords" CONTENT="life, universe, mankind, plants,
          relationships, the meaning of life, science">

          2.description(簡介)
          說明:description用來告訴搜索引擎你的網站主要內容。
          舉例:<META NAME="description" CONTENT="This page is about the meaning of
          life, the universe, mankind and plants.">

          3.robots(機器人向導)
          說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
          CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
          舉例:<META NAME="robots" CONTENT="none">

          4.author(作者)
          說明:標注網頁的作者
          舉例:<META name="AUTHOR" content="ajie,ajie@netease.com">

          以上是meta標簽的一些基本用法,其中最重要的就是:Keywords和description的設定。

          為什么呢?道理很簡單,這兩個語句可以讓搜索引擎能準確的發現你,吸引更多的人訪問你的站點!

          根據現在流行搜索引擎(Lycos,AltaVista等)的工作原理,搜索引擎首先派出機器人自動在www上搜索,當發現新的網站時,便檢索頁面中的keywords和decription,并將其加入到自己的數據庫,然后再根據關鍵詞的密度將網站排序。

          也就是說:
          1. 如果你的頁面中根本沒有Keywords和description的meta標簽,那么機器人是無法將你的站點加入數據庫,網友也就不可能搜索到你的站點。

          2. 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的后面被點擊的可能性也是非常小的。

          所以,我們必須記住添加keywords和description的meta標簽,并盡可能寫好關鍵字和簡介。

          寫keywords的禁忌是:
          1.不要用常見詞匯。例如www,homepage,net,web等。
          2.不要用形容詞,副詞。例如最好的,最大的等。
          3.不要用籠統的詞匯,要盡量精確。例如不用"摩托羅拉手機",改用"V998"等

          尋找合適的關鍵詞的一個技巧是:到lycos,Alta,infoseek等搜索引擎,搜索與你內容相仿的網站,查看排名前十位的網站的meta關鍵字,copy下來用到自己的站點上。

          相關閱讀
          div+css設置列表li超出部分顯示省略號
          腳本控制三行三列自適應高度DIV布局
          IE6不支持png24的解決辦法(png24做為css的背景)
          解決國內 github.com 打不開的準確方法
          一個javascript寫的RGB的調色器,非常不錯
          右擊把當前頁面添加到當地收藏夾
          ASP讀取ACCSS數據代碼
          uni.openLocation打開地圖導航沒反應解決方式(參數都設置對就是打不開)
          共有0條關于《html中meta標簽詳解》的評論
          發表評論
          正在加載評論......
          返回頂部發表評論
          呢 稱:
          表 情:
          內 容:
          評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          驗證碼: 驗證碼 
          網友評論聲明,請自覺遵守互聯網相關政策法規。

          您發布的評論即表示同意遵守以下條款:
          一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          三、本站對您所發布內容擁有處置權。

          更多信息>>欄目類別選擇
          百度小程序開發
          微信小程序開發
          微信公眾號開發
          uni-app
          asp函數庫
          ASP
          DIV+CSS
          HTML
          python
          更多>>同類信息
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          DW設置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標錯位問題的解決辦法
          js指定日期加n天加n月加n年
          jquery中動態生成的代碼使用on hover事件時不出現效果
          更多>>最新添加文章
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
          抖音直播音掛載小雪花 懂車帝小程序
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          python通過代碼修改pip下載源讓下載庫飛起
          python里面requests.post返回的res.text還有其它的嗎
          更多>>隨機抽取信息
          游戲-植物大戰僵尸留言板模板
          uni-app 搜索、歷史記錄功能簡單實現
          利用CSS制作的網站中新聞文章列表效果
          記錄滾動條位置
          連云港電子雜志網站
          五個簡單措施增強IIS安全性
          88国产精品视频一区二区三区