meta标签的使用方法（PC端）
生活随笔
收集整理的這篇文章主要介紹了
meta标签的使用方法（PC端）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><!--設定頁面使用的字符集--><meta http-equiv="Content-Type" Content="text/html;" charset="UTF-8"><!--Charset選項：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content還可以是：EN、FR等語言代碼。--><!--頁面自動刷新，或者跳轉到其他網頁--><Meta http-equiv="Refresh" Content="30"><!--<Meta http-equiv="Refresh" Content="5; Url=#">其中的5是指停留5秒鐘后自動刷新到URL網址。--><!--期限--><!--說明：指定網頁在緩存中的過期時間，一旦網頁過期，必須到服務器上重新調閱。用法：<Meta http-equiv="Expires" Content="0"><Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">注意：必須使用GMT的時間格式，或直接設為0(數字表示多少時間后過期)。--><!--Pragma (cach模式)--><!--說明：禁止瀏覽器從本地機的緩存中調閱頁面內容。用法：<Meta http-equiv="Pragma" Content="No-cach">注意：網頁不保存在緩存中，每次訪問都刷新頁面。這樣設定，訪問者將無法脫機瀏覽。--><!--Set-Cookie (cookie設定)說明：瀏覽器訪問某個頁面時會將它存在緩存中，下次再次訪問時就可從緩存中讀取，以提高速度。當你希望訪問者每次都刷新你廣告的圖標，或每次都刷新你的計數器，就要禁用緩存了。通常HTML文件沒有必要禁用緩存，對于ASP等頁面，就可以使用禁用緩存，因為每次看到的頁面都是在服務器動態生成的，緩存就失去意義。如果網頁過期，那么存盤的cookie將被刪除。用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">注意：必須使用GMT的時間格式。Window-target (顯示窗口的設定)說明：強制頁面在當前窗口以獨立頁面顯示。用法：<Meta http-equiv="Widow-target" Content="_top">注意：這個屬性是用來防止別人在框架里調用你的頁面。Content選項：_blank、_top、_self、_parent。Page-Enter、Page-Exit (進入與退出)說明：這個是頁面被載入和調出時的一些特效。用法：<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"><Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">注意：blendTrans是動態濾鏡的一種，產生漸隱效果。另一種動態濾鏡RevealTrans也可以用于頁面進入與退出效果:<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"><Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">Duration 表示濾鏡特效的持續時間(單位：秒)Transition 濾鏡類型。表示使用哪種特效，取值為0-23。0 矩形縮小1 矩形擴大2 圓形縮小3 圓形擴大4 下到上刷新5 上到下刷新6 左到右刷新7 右到左刷新8 豎百葉窗9 橫百葉窗10 錯位橫百葉窗11 錯位豎百葉窗12 點擴散13 左右到中間刷新14 中間到左右刷新15 中間到上下16 上下到中間17 右下到左上18 右上到左下19 左上到右下20 左下到右上21 橫條22 豎條23 以上22種隨機選擇一種--><!--頁面關鍵詞--><meta name="keywords" content="your tags" /><!--頁面描述--><meta name="description" content="150 words" /><!--搜索引擎索引方式--><meta name="robots" content="index,follow" /><!--all：文件將被檢索，且頁面上的鏈接可以被查詢；none：文件將不被檢索，且頁面上的鏈接不可以被查詢；index：文件將被檢索；follow：頁面上的鏈接可以被查詢；noindex：文件將不被檢索；nofollow：頁面上的鏈接不可以被查詢。--><meta name="author" content="Sup_"/><!--Copyright (版權)說明：標注版權用法：<Meta name="Copyright" Content="本頁版權歸Zerospace所有。All Rights Reserved">Generator (編輯器)說明：編輯器的說明用法：<Meta name="Generator" Content="PCDATA|FrontPage|">注意：Content="你所用編輯器"revisit-after (重訪)說明：用法：<META name="revisit-after" CONTENT="7 days" >注意：--><!--★Head中的其它一些用法1、scheme (方案)說明：scheme can be used when name is used to specify how the value of content shouldbe interpreted.用法：<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />注意：2、Link (鏈接)說明：鏈接到文件用法：<Link href="soim.ico" rel="Shortcut Icon">注意：很多網站如果你把她保存在收件夾中后，會發現它連帶著一個小圖標，如果再次點擊進入之后還會發現地址欄中也有個小圖標。現在只要在你的頁頭加上這段話，就能輕松實現這一功能。<LINK> 用來將目前文件與其它 URL 作連結，但不會有連結按鈕，用於 <HEAD> 標記間， 格式如下： <link href="URL" rel="relationship"> <link href="URL" rev="relationship">3、Base (基鏈接)說明：插入網頁基鏈接屬性用法：<Base href="http://www.xia8.net/" target="_blank">注意：你網頁上的所有相對路徑在鏈接時都將在前面加上“http://www.cn8cn.com/”。其中target="_blank"是鏈接文件在新的窗口中打開，你可以做其他設置。將“_blank”改為“_parent”是鏈接文件將在當前窗口的父級窗口中打開；改為“_self”鏈接文件在當前窗口（幀）中打開；改為“_top”鏈接文件全屏顯示。以上是META標簽的一些基本用法，其中最重要的就是：Keywords和Description的設定。為什么呢？道理很簡單，這兩個語句可以讓搜索引擎能準確的發現你，吸引更多的人訪問你的站點!根據現在流行搜索引擎(Google，Lycos，AltaVista等)的工作原理，搜索引擎先派機器人自動在WWW上搜索，當發現新的網站時，便于檢索頁面中的Keywords和Description，并將其加入到自己的數據庫，然后再根據關鍵詞的密度將網站排序。由此看來，我們必須記住添加Keywords和Description的META標簽，并盡可能寫好關鍵字和簡介。否則，
后果就會是：● 如果你的頁面中根本沒有Keywords和Description的META標簽，那么機器人是無法將你的站點加入數據庫，網友也就不可能搜索到你的站點。● 如果你的關鍵字選的不好，關鍵字的密度不高，被排列在幾十甚至幾百萬個站點的后面被點擊的可能性也是非常小的。寫好Keywords(關鍵字)要注意以下幾點：● 不要用常見詞匯。例如www、homepage、net、web等。● 不要用形容詞，副詞。例如最好的，最大的等。● 不要用籠統的詞匯，要盡量精確。例如“愛立信手機”，改用“T28SC”會更好。“三人之行，必有我師”，尋找合適關鍵詞的技巧是：到Google、Lycos、Alta等著名搜索引擎，搜索與
你的網站內容相仿的網站，查看排名前十位的網站的META關鍵字，將它們用在你的網站上，效果可想而知了。★小竅門為了提高搜索點擊率，這里還有一些“捷徑”可以幫得到你：● 為了增加關鍵詞的密度，將關鍵字隱藏在頁面里(將文字顏色定義成與背景顏色一樣)。● 在圖像的ALT注釋語句中加入關鍵字。如：<IMG SRC="xxx.gif" Alt="Keywords">● 利用HTML的注釋語句，在頁面代碼里加入大量關鍵字。--><title>meta標簽</title>
</head>
<body>
</body>
</html>
?
轉載于:https://www.cnblogs.com/supe/p/6547936.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的meta标签的使用方法（PC端）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 学web前端开发有前途吗
- 下一篇： 控件动画