關(guān)于HTML標(biāo)簽的認(rèn)識(shí)之meta標(biāo)簽

1.meta標(biāo)簽是什么

META標(biāo)簽是HTML語(yǔ)言HEAD區(qū)的一個(gè)輔助性標(biāo)簽

2.meta標(biāo)簽是干什么用的?

META標(biāo)簽用來(lái)描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性,例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。它提供的信息雖然用戶不可見(jiàn),但卻是文檔的最基本的<strong>元數(shù)據(jù)</strong>。

3.元數(shù)據(jù)又是什么東西?

<strong>元數(shù)據(jù)</strong>,元數(shù)據(jù)(Metadata)是用來(lái)概括描述數(shù)據(jù)的一些基本數(shù)據(jù),也就是描述數(shù)據(jù)的數(shù)據(jù)。主要是描述數(shù)據(jù)屬性的信息,用來(lái)支持如指示存儲(chǔ)位置、歷史數(shù)據(jù)、資源查找、文件記錄等功能。

那么對(duì)于網(wǎng)頁(yè)也來(lái)說(shuō),metadata就是通過(guò)一些字段信息來(lái)描述一下當(dāng)前網(wǎng)頁(yè),以便瀏覽器和搜索引擎在訪問(wèn)到此網(wǎng)頁(yè)的時(shí)候,可以通過(guò)這些描述信息來(lái)知道如何去解析此網(wǎng)頁(yè)數(shù)據(jù)。

meta標(biāo)簽的使用

meta標(biāo)簽共有兩個(gè)屬性:http-equiv和name;不同的屬性又有不同的參數(shù)值,這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁(yè)功能。

name屬性

name屬性主要用于描述網(wǎng)頁(yè),與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。

1.meta標(biāo)簽的name屬性語(yǔ)法格式是:<meta name=”參數(shù)” content=”具體的參數(shù)值”> 。其中name屬性主要有以下幾種參數(shù):

Keywords(關(guān)鍵字)

說(shuō)明:keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。

舉例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">

description(網(wǎng)站內(nèi)容描述)

說(shuō)明:description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。

舉例:<meta name="description" content="This page is about the meaning of science, education,culture.">

author(作者)

說(shuō)明:標(biāo)注網(wǎng)頁(yè)的作者

舉例:<meta name="author" content"root,root@21cn.com">

http-equiv屬性

http-equiv顧名思義,相當(dāng)于http協(xié)議中文件頭的作用,它可以向?yàn)g覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。

meat標(biāo)簽的http-equiv屬性語(yǔ)法格式是:<meta http-equiv=”參數(shù)” content=”參數(shù)變量值”> ;其中http-equiv屬性主要有以下幾種參數(shù):

content-Type(顯示字符集的設(shè)定)

說(shuō)明:設(shè)定頁(yè)面使用的字符集。

用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

Expires(期限)

說(shuō)明:可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期,必須到服務(wù)器上重新傳輸。

用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">

注意:必須使用GMT的時(shí)間格式。

Pragma(cache模式)

說(shuō)明:禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容。

用法:<meta http-equiv="Pragma" content="no-cache">

注意:這樣設(shè)定,訪問(wèn)者將無(wú)法脫機(jī)瀏覽。

Refresh(刷新)

說(shuō)明:自動(dòng)刷新并指向新頁(yè)面。

用法:<meta http-equiv="Refresh" content="2; URL=http://www.root.net">

注意:其中的2是指停留2秒鐘后自動(dòng)刷新到URL網(wǎng)址。

Set-Cookie(cookie設(shè)定)

說(shuō)明:設(shè)置cookie, 如果網(wǎng)頁(yè)過(guò)期,那么存盤的cookie將被刪除。

用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">

注意:必須使用GMT的時(shí)間格式。

Window-target(顯示窗口的設(shè)定)

說(shuō)明:強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示。

用法:<meta http-equiv="Window-target" content="_top">

注意:用來(lái)防止別人在框架里調(diào)用自己的頁(yè)面。

meta標(biāo)簽對(duì)搜索引擎的作用

meta標(biāo)簽的一個(gè)很重要的功能就是設(shè)置關(guān)鍵字,來(lái)幫助你的主頁(yè)被各大搜索引擎登錄,提高網(wǎng)站的訪問(wèn)量。在這個(gè)功能中,最重要的就是對(duì)Keywords和description的設(shè)置。因?yàn)榘凑账阉饕娴墓ぷ髟?搜索引擎首先派出機(jī)器人自動(dòng)檢索頁(yè)面中的keywords和decription,并將其加入到自己的數(shù)據(jù)庫(kù),然后再根據(jù)關(guān)鍵詞的密度將網(wǎng)站排序。因此,我們必須設(shè)置好關(guān)鍵字,來(lái)提高頁(yè)面的搜索點(diǎn)擊率。下面我們來(lái)舉一個(gè)例子供大家參考:

<meta name="keywords" content="政治,經(jīng)濟(jì), 科技,文化, 衛(wèi)生, 情感,心靈,娛樂(lè),生活,社會(huì),企業(yè),交通">

<meta name="description" content="政治,經(jīng)濟(jì), 科技,文化, 衛(wèi)生, 情感,心靈,娛樂(lè),生活,社會(huì),企業(yè),交通">

設(shè)置好這些關(guān)鍵字后,搜索引擎將會(huì)自動(dòng)把這些關(guān)鍵字添加到數(shù)據(jù)庫(kù)中,并根據(jù)這些關(guān)鍵字的密度來(lái)進(jìn)行合適的排序。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,825評(píng)論 6 546
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,814評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事?!?“怎么了?”我有些...
    開(kāi)封第一講書人閱讀 178,980評(píng)論 0 384
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 64,064評(píng)論 1 319
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,779評(píng)論 6 414
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 56,109評(píng)論 1 330
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,099評(píng)論 3 450
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 43,287評(píng)論 0 291
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,799評(píng)論 1 338
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,515評(píng)論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,750評(píng)論 1 375
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,221評(píng)論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,933評(píng)論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 35,327評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 36,667評(píng)論 1 296
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,492評(píng)論 3 400
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,703評(píng)論 2 380

推薦閱讀更多精彩內(nèi)容

  • 1. meta標(biāo)簽的組成 meta標(biāo)簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性 1. nam...
    Maggie_77閱讀 513評(píng)論 1 1
  • (注1:如果有問(wèn)題歡迎留言探討,一起學(xué)習(xí)!轉(zhuǎn)載請(qǐng)注明出處,喜歡可以點(diǎn)個(gè)贊哦?。ㄗ?:更多內(nèi)容請(qǐng)查看我的目錄。) ...
    love丁酥酥閱讀 932評(píng)論 2 3
  • meta ??元素可提供相關(guān)頁(yè)面的元信息(meta-information),比如針對(duì)搜索引擎和更新頻度的描述和關(guān)...
    鹿守心畔光閱讀 693評(píng)論 0 2
  • 在學(xué)前端的過(guò)程中發(fā)現(xiàn)meta標(biāo)簽是那么的萬(wàn)能,但自己對(duì)meta標(biāo)簽所知甚少,基本就 這一句,所以想搜索著總結(jié)下常見(jiàn)...
    小假期閱讀 798評(píng)論 0 0
  • 1.meta的意義: 在HTML文檔中,meta元素可放置在head標(biāo)簽內(nèi)用于定義整個(gè)文檔層面的元數(shù)據(jù)信息。使用m...
    馬建陽(yáng)閱讀 949評(píng)論 0 2