溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容主要講解“meta標(biāo)簽有哪些屬性”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“meta標(biāo)簽有哪些屬性”吧!
meta標(biāo)簽是html標(biāo)記head區(qū)的一個(gè)關(guān)鍵標(biāo)簽，作用是描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性，提供有關(guān)頁(yè)面的元信息，例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。meta標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容；其屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)。
什么是meta標(biāo)簽？ 作用是什么？
meta標(biāo)簽是html標(biāo)記head區(qū)的一個(gè)關(guān)鍵標(biāo)簽，它位于HTML文檔的<head>和<title>之間（有些也不是在<head>和<title>之間）。它提供的信息雖然用戶不可見，但卻是文檔的最基本的元信息。meta標(biāo)簽用來描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性，例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。
作用：提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
說明：<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)。
注釋：<meta> 標(biāo)簽永遠(yuǎn)位于 head 元素內(nèi)部。元數(shù)據(jù)總是以名稱/值的形式被成對(duì)傳遞的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<span>hello world</span>
</body>
</html>
注：元信息是關(guān)于信息的信息，元信息允許服務(wù)器提供所發(fā)送數(shù)據(jù)的信息，如http可以提高所發(fā)的對(duì)象語言和對(duì)象，也可以用元信息來實(shí)現(xiàn)有條件請(qǐng)求以及報(bào)告事務(wù)完成。收到數(shù)據(jù)的瀏覽器可以根據(jù)元信息確定服務(wù)器發(fā)來的是什么內(nèi)容，預(yù)料有什么數(shù)據(jù)，確知是否接收完整的數(shù)據(jù)，以及過程中是否出錯(cuò)，這樣客戶就可以知道傳輸對(duì)象的類型。
meta標(biāo)簽的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | character_set | 規(guī)定 HTML 文檔的字符編碼。 |
| content | text | 定義與 http-equiv 或 name 屬性相關(guān)的元信息。 |
| http-equiv |
| 把 content 屬性關(guān)聯(lián)到 HTTP 頭部。 |
| name |
| 把 content 屬性關(guān)聯(lián)到一個(gè)名稱。 |
| scheme | some_text | 定義用于翻譯 content 屬性值的格式。 |
屬性詳解：
1.http-equiv
相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助瀏覽器正確地顯示網(wǎng)頁(yè)內(nèi)容。
語法：<meta http-equiv="參數(shù)" content="參數(shù)值">
參數(shù)：
1) content-Type(設(shè)定頁(yè)面使用的字符集)
<metahttp-equiv="content-Type" content="text/html;charset=gb2312">
http-equiv=Content-Type代表的是HTTP的頭部協(xié)議，提示瀏覽器網(wǎng)頁(yè)的信息，
meta標(biāo)簽的charset的信息參數(shù)如GB2312時(shí)，代表說明網(wǎng)站是采用的編碼是簡(jiǎn)體中文；
meta標(biāo)簽的charset的信息參數(shù)如BIG5時(shí)，代表說明網(wǎng)站是采用的編碼是繁體中文；
meta標(biāo)簽的charset的信息參數(shù)如iso-2022-jp時(shí)，代表說明網(wǎng)站是采用的編碼是日文；
meta標(biāo)簽的charset的信息參數(shù)如ks_c_5601時(shí)，代表說明網(wǎng)站是采用的編碼是韓文；
meta標(biāo)簽的charset的信息參數(shù)如ISO-8859-1時(shí)，代表說明網(wǎng)站是采用的編碼是英文；
meta標(biāo)簽的charset的信息參數(shù)如UTF-8時(shí)，代表世界通用的語言編碼；
2) content-Language（顯示語言的設(shè)定）
<meta http-equiv="Content-Language" content="zh-cn"/>
3) Expires(期限，可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過期，必須到服務(wù)器上重新傳輸）
<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">
注意：必須使用GMT的時(shí)間格式。
4) Pragma(cache模式，禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁(yè)面內(nèi)容)
<meta http-equiv="Pragma" content="no-cache">
注意：這樣設(shè)定，訪問者將無法脫機(jī)瀏覽。
5) cache-control（緩存設(shè)置）
<meta http-equiv="cache-control" content="no-cache">
請(qǐng)求時(shí)的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，響應(yīng)消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各個(gè)消息中的指令含義如下:
Public指示響應(yīng)可被任何緩存區(qū)緩存
Private指示對(duì)于單個(gè)用戶的整個(gè)或部分響應(yīng)消息，不能被共享緩存處理。這允許服務(wù)器僅僅描述當(dāng)用戶的部分響應(yīng)消息，此響應(yīng)消息對(duì)于其他用戶的請(qǐng)求無效
no-cache指示請(qǐng)求或響應(yīng)消息不能緩存
no-store用于防止重要的信息被無意的發(fā)布。在請(qǐng)求消息中發(fā)送將使得請(qǐng)求和響應(yīng)消息都不使用緩存。
max-age指示客戶機(jī)可以接收生存期不大于指定時(shí)間（以秒為單位）的響應(yīng)
min-fresh指示客戶機(jī)可以接收響應(yīng)時(shí)間小于當(dāng)前時(shí)間加上指定時(shí)間的響應(yīng)
max-stale指示客戶機(jī)可以接收超出超時(shí)期間的響應(yīng)消息。如果指定max-stale消息的值，那么客戶機(jī)可以接收超出超時(shí)期指定值之內(nèi)的響應(yīng)消息。
6) Refresh(自動(dòng)刷新并指向新頁(yè)面）
<meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引號(hào)，分別在秒數(shù)的前面和網(wǎng)址的后面)
注意：其中的2是指停留2秒鐘后自動(dòng)刷新到URL網(wǎng)址。
7) Window-target(強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示）
<meta http-equiv="Window-target" content="_top">
注意：用來防止別人在框架里調(diào)用自己的頁(yè)面。
8) set-cookie(cookie設(shè)定，如果網(wǎng)頁(yè)過期，那么存盤的cookie將被刪除）
<meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/">
通常強(qiáng)制要求瀏覽器不設(shè)置緩存重新從服務(wù)器獲取頁(yè)面會(huì)使用下面的方式：
<meta http-equiv=”pragma” content=”no-cache”>
<meta http-equiv=”cache-control” content=”no-cache”>
<meta http-equiv=”expires” content=”0″>
2.name屬性
name屬性主要用于描述網(wǎng)頁(yè)，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。
語法：
<meta name="參數(shù)" content="具體的參數(shù)值">
Keywords(關(guān)鍵字)
說明：keywords用來告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。
<meta name="keywords" content="">
description(網(wǎng)站內(nèi)容描述)
說明：description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
<metaname="description" content="">
robots(機(jī)器人向?qū)?
說明：Meta robots標(biāo)簽管理著搜索引擎是否可以進(jìn)入網(wǎng)頁(yè)，你可以用它來允許或不允許搜索引擎來獲取你的網(wǎng)頁(yè)、進(jìn)入你網(wǎng)頁(yè)中的子鏈接或?qū)δ愕木W(wǎng)頁(yè)存檔。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。
<metaname="robots" content="none">
具體參數(shù)如下：
信息參數(shù)為all：文件將被檢索，且頁(yè)面上的鏈接可以被查詢；
信息參數(shù)為none：文件將不被檢索，且頁(yè)面上的鏈接不可以被查詢；
信息參數(shù)為index：文件將被檢索；
信息參數(shù)為follow：頁(yè)面上的鏈接可以被查詢；
信息參數(shù)為noindex：文件將不被檢索，但頁(yè)面上的鏈接可以被查詢；
信息參數(shù)為nofollow：文件將被檢索，但頁(yè)面上的鏈接不可以被查詢；
author(作者)
說明：標(biāo)注網(wǎng)頁(yè)的作者
<metaname="author" content="jesse131work@163.com">
generator
說明：meta標(biāo)簽的generator的信息參數(shù)，代表說明網(wǎng)站的采用的什么軟件制作。
<metaname="generator" content="信息參數(shù)"/>
copyright
說明：meta標(biāo)簽的copyright的信息參數(shù)，代表說明網(wǎng)站版權(quán)信息。
<metaname="copyright" content="信息參數(shù)">
revisit-after
說明：revisit-after代表網(wǎng)站重訪,7days代表7天，依此類推，假如我設(shè)置，那這樣搜索引擎就是7天來一次。使用這個(gè)標(biāo)簽的網(wǎng)站，通常是因?yàn)榫W(wǎng)站數(shù)據(jù)量非常大，被搜索引擎過 于頻繁的抓取，會(huì)占用過大的資源，影響網(wǎng)站的訪問。所以，希望搜索引擎不要天天過來，抓取過一次了，那么等7天后再來。一般的網(wǎng)站是不需要這個(gè)標(biāo)簽的。
<meta name="revisit-after" content="7days">
view-point
說明：主要影響移動(dòng)頁(yè)面布局
<meta name="viewport" content="width=device-width, initial-scale=1.0">
content 參數(shù)：
width viewport 寬度(數(shù)值/device-width)
height viewport 高度(數(shù)值/device-height)
initial-scale 初始縮放比例
maximum-scale 最大縮放比例
minimum-scale 最小縮放比例
user-scalable 是否允許用戶縮放(yes/no)
3.content屬性
content屬性一般與name和http-equiv屬性一起用，視它們的值而定。
4.charset屬性
charset屬性，是html5的屬性，可替換<metahttp-equiv="content-Type" content="text/html;charset=gb2312">設(shè)置為<meta charset="utf-8">
設(shè)置meta屬性的作用是什么？
meta標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁(yè)面上，但是對(duì)于機(jī)器是可讀的。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)。meta標(biāo)簽可用于緩存設(shè)置，還與SEO優(yōu)化相關(guān)。SEO是指通過采用易于搜索引擎索引的合理手段，使網(wǎng)站各項(xiàng)基本要素適合搜索引擎檢索原則并且對(duì)用戶更友好（Search Engine Friendly），從而更容易被搜索引擎收錄及優(yōu)先排序從屬于SEM（搜索引擎營(yíng)銷）。通俗理解是：通過總結(jié)搜索引擎的排名規(guī)律，對(duì)網(wǎng)站進(jìn)行合理優(yōu)化，使你的網(wǎng)站在百度和goog的排名提高，讓搜索引擎給你帶來客戶。
seo優(yōu)化常用語句如下
<!-- 頁(yè)面標(biāo)題<title>標(biāo)簽(head 頭部必須) -->
<title>your title</title>
<!-- 頁(yè)面關(guān)鍵詞 keywords -->
<meta name="keywords" content="your keywords">
<!-- 頁(yè)面描述內(nèi)容 description -->
<meta name="description" content="your description">
<!-- 定義網(wǎng)頁(yè)作者 author -->
<meta name="author" content="author,email address">
<!-- 定義網(wǎng)頁(yè)搜索引擎索引方式，robotterms 是一組使用英文逗號(hào)「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 -->
<meta name="robots" content="index,follow">
到此，相信大家對(duì)“meta標(biāo)簽有哪些屬性”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
