2. 程式人生 > >關於meta標籤，你必須知道的知道

關於meta標籤，你必須知道的知道

阿新 • • 發佈：2019-01-16
name屬性大笑 name屬性主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜尋引擎機器人查詢資訊和分類資訊用的。 meta標籤的name屬性語法格式是：<meta name="引數" content="具體的引數值">；。 其中name屬性主要有以下幾種引數： A、Keywords（關鍵字） 說明：keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。 舉例：<meta name ="keywords" content="science,education,culture,politics,ecnomics,relationships,entertainment,human"> B、description（網站內容描述） 說明：description用來告訴搜尋引擎你的網站主要內容。 網站內容描述（description）的設計要點： ①網頁描述為自然語言而不是羅列關鍵詞（與keywords設計正好相反）； ②儘可能準確地描述網頁的核心內容，通常為網頁內容的摘要資訊，也就是希望搜尋引擎在檢索結果中展示的摘要資訊； ③網頁描述中含有有效關鍵詞； ④網頁描述內容與網頁標題內容有高度相關性； ⑤網頁描述內容與網頁主體內容有高度相關性； ⑥網頁描述的文字不必太多，一般不超過搜尋引擎檢索結果
摘要資訊的最多字數（通常在100中文字之內，不同搜尋引擎略有差異）。 舉例：<meta name="description" content="This page is about the meaning of science,education,culture."> C、robots（機器人嚮導） 說明：robots用來告訴搜尋機器人哪些頁面需要索引，哪些頁面不需要索引。 content的引數有all,none,index,noindex,follow,nofollow。預設是all。 舉例：<meta name="robots" content="none"> D、author（作者） 說明：標註網頁的作者 http-equiv屬性大笑
 http-equiv顧名思義，相當於http的檔案頭作用，它可以向瀏覽器傳回一些有用的資訊，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個引數的變數值。 meta標籤的http-equiv屬性語法格式是：<meta http-equiv="引數" content="引數變數值"> ；其中http-equiv屬性主要有以下幾種引數： A、Expires（期限） 說明：可以用於設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新傳輸。 用法：<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT"> 注意：必須使用GMT的時間格式。 B、Pragma(cache模式） 說明：禁止瀏覽器從本地計算機的
快取中訪問頁面內容。 用法：<meta http-equiv="Pragma" content="no-cache"> 注意：這樣設定，訪問者將無法離線瀏覽。 C、Refresh（重新整理） 說明：自動重新整理並轉到新頁面。 用法：<meta http-equiv="Refresh" content="2;URL">；（注意後面的分號，分別在秒數的前面和網址的後面，URL可為空） 注意：其中的2是指停留2秒鐘後自動重新整理到URL網址。 D、Set-Cookie(cookie設定） 說明：如果網頁過期，那麼存檔的cookie將被刪除。 用法：<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/"> 注意：必須使用GMT的時間格式。 E、Window-target（顯示視窗的設定） 說明：強制頁面在當前視窗以獨立頁面顯示。 用法：<meta http-equiv="Window-target" content="_top"> 注意：用來防止別人在框架裡呼叫自己的頁面。 F、content-Type（顯示字符集的設定） 說明：設定頁面使用的字符集。 用法：<meta http-equiv="content-Type" content="text/html; charset=gb2312"> G、content-Language（顯示語言的設定） 用法：<meta http-equiv="Content-Language" content="zh-cn" /> 功能 上面我們介紹了meta標籤的一些基本組成，接著我們再來一起看看meta標籤的常見功能： 幫助主頁被各大搜索引擎登入 meta標籤的一個很重要的功能就是設定關鍵字，來幫助你的主頁被各大搜索引擎登入，提高網站的訪問量。在這個功能中，最重要的就是對Keywords和description的設定。因為按照搜尋引擎的工作原理，搜尋引擎首先派出機器人自動檢索頁面中的keywords和description，並將其加入到自己的資料庫，然後再根據關鍵詞的密度將網站排序。因此，我們必須設定好關鍵字，來提高頁面的搜尋點選率。下面我們來舉一個例子供大家參考：<meta name="keywords" content="政治，經濟，科技，文化，衛生，情感，心靈，娛樂，生活，社會，企業，交通"> <meta name="description" content="政治，經濟，科技，文化，衛生，情感，心靈，娛樂，生活，社會，企業，交通"> 設定好這些關鍵字後，搜尋引擎將會自動把這些關鍵字新增到資料庫中，並根據這些關鍵字的密度來進行合適的排序。 定義頁面的使用語言 這是meta標籤最常見的功能，在製作網頁時，我們在純HTML程式碼下都會看到它，它起的作用是定義你網頁的語言，當瀏覽者訪問你的網頁時，瀏覽器會自動識別並設定網頁中的語言，如果你網頁設定的是GB碼，而瀏覽者沒有安裝GB碼，這時網頁只會呈現瀏覽者所設定的瀏覽器預設語言。同樣的，如果該網頁是英語，那麼charset=en。下面就是一個具有代表性的例子： <meta http-equiv=″content－Type″ content=″text/html; charset=gb2312″> 該程式碼就表示將網頁的語言設定成國標碼。 自動重新整理並指向新的頁面 如果你想使您的網頁在無人控制的情況下，能自動在指定的時間內去訪問指定的網頁，就可以使用meta標籤的自動重新整理網頁的功能。下面我們來看一段程式碼： 〈meta http-equiv=″refresh″ content=″2; URL= 這段程式碼可以使當前某一個網頁在2秒後自動轉到頁面中去，這就是meta的重新整理作用，在content中，2代表設定的時間（單位為秒），而URL就是在指定的時間後自動連線的網頁地址。

動畫效果編輯

使用meta標籤，我們還可以在進入網頁或者離開網頁的一剎那實現動畫效果，我們只要在頁面的html程式碼中的<head></head>；標籤之間新增如下程式碼就可以了： <meta http-equiv="Page-Enter" content="revealTrans(duration=5.0,transition=20)"> 一旦上述程式碼被加到一個網頁中後，我們再進出頁面時就會看到一些特殊效果，這個功能其實與FrontPage2000中的Format/Page Transition一樣，但我們要注意的是所加網頁不能是一個Frame頁； RevealTrans動態濾鏡 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種隨機選擇一種

網頁定級評價

IE4.0以上版本的瀏覽器可以防止瀏覽一些受限制的網站，而之所以瀏覽器會自動識別某些網站是否受限制，就是因為在網站meta標籤中已經設定好了該網站的級別，而該級別的評定是由美國RSAC，即娛樂委員會的評級機構評定的，如果你需要評價自己的網站，按要求提交表格，那麼RSAC會提供一段meta程式碼給你，複製到自己網頁裡就可以了。下面就是一段程式碼的樣例： 〈meta http-equiv=″PICS－Label″ content=′（PICS－1.1 l gen true comment ″RSACi North America Server″ for on ″2001.08.16T08:15－0500″ r (n 0 s 0 v 0 l 0））′〉

控制頁面緩衝

meta標籤可以設定網頁到期的時間，也就是說，當你在Internet Explorer 瀏覽器中設定瀏覽網頁時首先檢視本地緩衝裡的頁面，那麼當瀏覽某一網頁，而本地緩衝又有時，那麼瀏覽器會自動瀏覽緩衝區裡的頁面，直到meta中設定的時間到期，這時候，瀏覽器才會去取得新頁面。例如下面這段程式碼就表示網頁的到期時間是2001年1月12日18時18分18秒。 〈meta http-equiv=″expires″ content=″Friday,12-Jan-2001 18:18:18 GMT″〉

控制網頁視窗

我們還可以使用meta標籤來控制網頁顯示的視窗，只要在網頁中加入下面的程式碼就可以了：<metahttp-equiv="window-target" content="_top">；，這段程式碼可以防止網頁被別人作為一個Frame呼叫。

其他用法編輯

scheme(方案) 說明：scheme can be used when name is used to specify how the value of content should be interpreted. 用於指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標籤的 profile 屬性指定的概況檔案中進行了定義。 用法：<meta scheme="ISBN" name="identifier" content="0-14-XXXXXX-1" > Link （連結） 說明：連結到檔案 用法：<Link href="soim.ico" rel="Shortcut Icon"> 注意：很多網站如果你把它儲存在收件夾中後，會發現它連帶著一個小圖示，如果再次點選進入之後還會發現位址列中也有個小圖示。現在只要在你的頁頭加上這段話，就能輕鬆實現這一功能。<LINK> 用來將檔案與其它 URL 作連結，但不會有連結按鈕，用於<HEAD> 標記間， 格式如下： <link href="URL" rel="relationship"> <link href="URL" rev="relationship"> Base (基連結) 說明：插入網頁基連結屬性 注意：你網頁上的所有相對路徑在連結時都將在前面加上URL。其中target="_blank"是連結檔案在新的視窗中開啟，你可以做其他設定。將“_blank”改為“_parent”是連結檔案將在當前視窗的父級視窗中開啟；改為“_self”連結檔案在當前視窗（幀）中開啟；改為“_top”連結檔案全屏顯示。

使用方法編輯

Meta標籤是用來描述網頁屬性的一種語言，標準的Meta標籤可以便於搜尋引擎排序，提高搜尋引擎網站權重排名。想網站做的更符合搜尋引擎標準就必須瞭解meta標籤，下面由Seoer惜緣給大家講講meta標籤含義與使用方法： keywords META標籤的keywords 寫法為：<meta name="Keywords" content="資訊引數" > meta標籤的Keywords的的資訊引數，代表說明網站的關鍵詞是什麼。 Description META標籤的Description 寫法為：<meta name="Description" content="資訊引數" > meta標籤的Description的資訊引數，代表說明網站的主要內容，概況是什麼。 Content-Type META標籤的http-equiv=Content-Type content="text/html http-equiv=Content-Type代表的是HTTP的頭部協議，提示瀏覽器網頁的資訊， 寫法為：<meta http-equiv="Content-Type" content="text/html; charset=資訊引數" > meta標籤的charset的資訊引數如GB2312（或GBK）時，代表說明網站是採用的編碼是簡體中文； meta標籤的charset的資訊引數如BIG5時，代表說明網站是採用的編碼是繁體中文； meta標籤的charset的資訊引數如iso-2022-jp時，代表說明網站是採用的編碼是日文； meta標籤的charset的資訊引數如ks_c_5601時，代表說明網站是採用的編碼是韓文； meta標籤的charset的資訊引數如ISO-8859-1時，代表說明網站是採用的編碼是英文； meta標籤的charset的資訊引數如UTF-8時，代表世界通用的語言編碼。 注：在HTML5中，在表達charset資訊時可以簡寫，前面的內容可以去掉，即寫法是： <meta charset="GBK">[1] generator META標籤的generator 寫法為：<meta name="generator" content="資訊引數" /> meta標籤的generator的資訊引數，代表說明網站的採用的什麼軟體製作。 author META標籤的author 寫法為：<meta name="author" content="資訊引數"> meta標籤的author的資訊引數，代表說明網頁版權作者資訊。 ⒍META標籤的http-equiv="Refresh" 寫法為：<Meta http-equiv="Refresh" Content="時間； Url=網址引數"> meta標籤的Refresh代表多少時間網頁自動重新整理，加上Url中的網址引數就代表，多長時間自動連結其他網址。 Pragma META標籤的HTTP-EQUⅣ="Pragma" CONTENT="no-cache" 寫法為：<META HTTP-EQUⅣ="Pragma" CONTENT="no-cache">； 代表禁止瀏覽器從本地計算機的快取中訪問頁面內容，這樣設定，訪問者將無法離線瀏覽。 COPYRIGHT META標籤的COPYRIGHT 寫法為：<META NAME="COPYRIGHT" CONTENT="資訊引數"> meta標籤的COPYRIGHT的資訊引數，代表說明網站版權資訊。 imagetoolbar META標籤的http-equiv="imagetoolbar" 寫法為：<meta http-equiv="imagetoolbar" content="false" > 指定是否顯示圖片工具欄，當為false代表不顯示，當為true代表顯示。 Content-Script-Type META標籤的Content-Script-Type 寫法為：<Meta http-equiv="Content-Script-Type" Content="text/javascript"> W3C網頁規範，指明頁面中指令碼的型別。 revisit-after META標籤的revisit-after 寫法為：<META name="revisit-after" CONTENT="7 days" > revisit-after代表網站重訪，7 days代表7天，依此類推。 Robots META標籤的Robots 寫法為：<meta name="Robots" content="資訊引數"> Robots代表告訴搜尋引擎機器人抓取哪些頁面

其中的屬性編輯

資訊引數為all：檔案將被檢索，且頁面上的連結可以被查詢； 資訊引數為none：檔案將不被檢索，且頁面上的連結不可以被查詢； 資訊引數為index：檔案將被檢索； 資訊引數為follow：頁面上的連結可以被查詢； 資訊引數為noindex：檔案將不被檢索，但頁面上的連結可以被查詢； 資訊引數為nofollow：檔案將被檢索，但頁面上的連結不可以被查詢；

標籤優化編輯

meta標籤的內容優化很有可能將會成為一個網站點選率獲取最關鍵的一個內容，如何更好進行meta標籤內容的優化？ 1、細化監控範圍； 2、建立動態網頁標題和meta描述； 3、監視你的谷歌網站管理員網站簡介； 4、包括你的獨特的價值主張； 5、寫的使用者，而不是機器人。

英文字首編輯

字首 pref. ⒈表示"變化","變換" ⒉表示"繼","在...之後" ⒊表示"超越" ⒋表示"在...之間","介於" 5.在邏輯學中是“關於那個的，更高層次”的意思 例詞：metaphysics，Metamathematics(表示高層次的數理哲學) n. ⒈形而上學；玄學 ⒉深奧莫測的推理；空談；空頭理論 來自希臘語，最初來源是作為亞里士多德所著《形而上學》一書的書名，意指“第一哲學”，也就是以“作為存在的存在（being as being）”為研究物件的形而上學，其意義為“在具體科學之後”。 模板meta語言 模板meta語言由GDMO提出，採用類似於BNF的語法，因此與ASN.1相似，只要瞭解了它與ASN.1的不同之處就可以在ASN.1有關知識的基礎上正確使用。因此，這裡只將有關要點進行如下說明： ⒈分號（；）用於終止結構和中止模板 ⒉空格，空行，註釋和行尾只起分割符的作用。在需要標誌一個元素結束，另一個元素開始時使用。 ⒊註釋由雙連字元（--）引導，在行尾或遇到另外的雙連字元終止。可以出現在任何分隔區中，但不能出現在結構名或模板名所包含的空格之間。 ⒋方括號（[ ]）用於指出模板定義中的可選元素。 ⒌右圓括號中的星號（*）指出模板定義中的可選元素。 ⒍選擇物件由豎線（|）分割。這個符號旨在支援件的定義中使用。 ⒎將由使用者確定的字串擴在尖括號（<>；）中。 ⒏附件用一個引用標號，後接符號->>；，後接一個由文字字串和符號構成的語法定義組成。 ⒐分隔串出現在模板定義中自然語言文字或形式說明文字之中。他們由任意的字串組成，字串可以由以下任意一個分隔符引導和終止。分隔符是“$ % ^ & * ` ' ~ @ \”。如果分隔串由某個分隔符開始，則這個分隔串直到再次遇到相同的分隔符才結束。

相關推薦

關於meta標籤，你必須知道的知道

name屬性 name屬性主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜尋引擎機器人查詢資訊和分類資訊用的。 meta標籤的name屬性語法格式是：<meta name="引數" content="具體的引數值">；。 其中name屬性主要有以下幾

web前端之響應式佈局，你必須要知道的

一、前言 響應式Web設計可以讓一個網站同時適配多種裝置和多個螢幕，可以讓網站的佈局和功能隨使用者的使用環境（螢幕大小、輸入方式、裝置/瀏覽器能力）而變化。本文主要介紹一些響應式佈局容易忽略但又很重要的知識點。 二、視口 移動前端中常說的 viewport （視口）就是瀏覽器中用於呈現網

關於Http協議，你必須要知道的

轉自：https://segmentfault.com/a/1190000016751071      引言 HTTP協議是Hyper Text Transfer Protocol（超文字傳輸協議）的縮寫,是用於從全球資訊網伺服器傳輸超文字到本地瀏覽器的傳送協議。HT

關於響應式布局，你必須要知道的

不可 ride 元素 移動端 打印 告訴 自己的 適配 com 轉載自奇舞周刊 前言 響應式Web設計可以讓一個網站同時適配多種設備和多個屏幕，可以讓網站的布局和功能隨用戶的使用環境（屏幕大小、輸入方式、設備/瀏覽器能力）而變化。本文主要介紹一些響應式布局容易忽略但又很

關於響應式佈局，你必須要知道的

轉載自奇舞週刊 前言 響應式Web設計可以讓一個網站同時適配多種裝置和多個螢幕，可以讓網站的佈局和功能隨使用者的使用環境（螢幕大小、輸入方式、裝置/瀏覽器能力）而變化。本文主要介紹一些響應式佈局容易忽略但又很重要的知識點。 視口 移動前端中常說的 viewport （視口）就是瀏覽器中用於呈現網頁的區

用好React，你必須要知道的事情

容器性元件（container component）和展示性元件（presentational component） 使用React編寫元件時，我們需要有意識地將元件劃分為容器性元件（container component）和展示性元件（presentatio

響應式佈局，你必須要知道的

一、前言 響應式Web設計可以讓一個網站同時適配多種裝置和多個螢幕，可以讓網站的佈局和功能隨使用者的使用環境（螢幕大小、輸入方式、裝置/瀏覽器能力）而變化。本文主要介紹一些響應式佈局容易忽略但又很重要的知識點。 二、視口 移動前端中常說的 viewport （視

盤點 Java 開發 2020 年發生的幾件大事，你必須得知道！

2021 年了，在過去的一年 Java 軟體開發行業都發生了哪些重大事件呢？ 這篇棧長帶大家回顧一下，其實在元旦的《[滾蛋吧，2020](https://mp.weixin.qq.com/s/AhSJ_SHKcT_b1JwypJeM5A)》也略有介紹，這篇就更加詳細的總結一下。 ## 1、Java 先說

【微服務幹貨系列】使用微服務架構之前，你必須知道的

ces pop 負載 average led dsm 部署 通用 works 正如敏捷之父MartinFowler所說的那樣，單體架構和微服務並非簡單的二選一，兩者都是模糊的定義。這就意味著大多數系統都將在一個模糊的邊界區域。非常多開發團隊已經認識到微服務架構比

微服務架構下處理分散式事務，你必須知道的事兒

根據微服務架構的鼻祖 Martin Fowler 的忠告，微服務架構中應當儘量避免分散式事務。然而，在某些領域，分散式事務如同宿命中的對手無法避免。 在工程領域，分散式事務的討論主要聚焦於強一致性和最終一致性的解決方案。 典型方案包括： 兩階段提交(2PC, Two-phase Commit)方案

微服務架構下處理分布式事務，你必須知道的事兒

時機 一致性 cloud 困難 都是 upd 數據庫 dynamo 應用 根據微服務架構的鼻祖 Martin Fowler 的忠告，微服務架構中應當盡量避免分布式事務。然而，在某些領域，分布式事務如同宿命中的對手無法避免。 在工程領域，分布式事務的討論主要聚焦於強一致性和

Python程式設計師，你必須知道的面試題

Python越來越火之後，把python作為自己的終生事業來做的話，是很多的終極目標，可是要做到知己知彼，百戰不殆，那麼你需要了解面試官出什麼題， 這些面試問題大致可以分為四類：什麼（what）？如何做（how）？說區別/談優勢（difference）以及實踐操作（practice）。 &n

學習web前端前你必須要知道這些，讓你少走很多彎路

IT行業是所有行業中能力要求最高的，相應的薪水待遇也是讓人羨慕。想要勝任一份高薪的工作並不那麼容易，新手甚至0基礎的小白想要踏入這一行業需要了解些什麼呢？ 　　在之前的幾年IT行業一度超越了掙錢最多的金融行業，因為如果說在中國所有行業中，給人打工的話，做軟體開發這塊應該是工資提升的最顯著最快的，

關於機器學習，你必須知道的10件事情

很多時候需要為非專業人士解釋機器學習，本文提供以下參考。 1.機器學習意味著：從資料中學習 機器學習目前風頭正勁，AI也是熱搜詞彙。只要將合適的資料放入合適的模型，許多問題可以迎刃而解。如果能夠幫助你宣傳，就叫它AI吧。但請記住，AI，除了在學術界以外，常常是大家可以隨意使用的熱門詞

關於NoSQL，你必須知道的九件事

作者：周思遠 連結：https://www.zhihu.com/question/20059632/answer/14981332 來源：知乎When to use MongoDB or other document oriented database systems?http://stackoverflow

讀《最好的告別：關於衰老與死亡，你必須知道的常識》

PDF 版，圖書館版都有 12-19 才借到實體書，準備開始讀了。 電子的一直沒時間讀。因為沒有平板。用電腦時全在做其它事情。 讀了一章，發現本書適合快速閱讀。 人類有13600種疾病，是這裡首次出現的統計嗎？我是讀這本書才看到的文字記錄。 老年人，許多的疾病並不是能醫得好

關於內建函式sorted，你必須知道的10個知識點

sorted 用於對集合進行排序（這裡說的集合是對可迭代物件的一個統稱，他們可以是列表、字典、set、甚至是字串），它的功能非常強大，本文將深入淺出地介紹 sorted 的各種使用場景。 1、預設排序 1、預設情況，sorted 函式將按列表升序進行排序，並返回一個新列表物件，原列表保持不變

正確評估SQL資料庫效能，你必須知道的原理和方法！

作者簡介： Max Shen（阿特），為了成為資料專家而努力，萬一實現了呢！ 昨天寫了一篇如何監視資料庫效能，瞭解資料庫的執行狀態。被有人質疑，說沒有用。說要直接用資料庫的profile和monitor就可以了，到這一步那已經是到了資料庫查詢效能，已經

敲黑板：InnoDB的Double Write，你必須知道

>世界上最快的捷徑，就是腳踏實地，本文已收錄【[架構技術專欄](https://www.jiagoujishu.com)】關注這個喜歡分享的地方。 ## 前序 InnoDB引擎有幾個重點特性，為其帶來了更好的效能和可靠性： - 插入緩衝（Insert Buffer） - 兩次寫（Doub

想做OTT-TV/IPTV網絡IP電視直播運營商-你必須要知道的事

OTT-TV IPTV 網絡IP電視、直播 廣播電教系統需求： – 整套系統穩定、可靠； – 支持主從設備堆疊部署，單臺設備最大支持127臺從機； – 支持RTSP/RTMP/HLS等標準的流媒體格式； – 可基於標