meta標(biāo)簽有哪些屬性
本篇內(nèi)容主要講解“meta標(biāo)簽有哪些屬性”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“meta標(biāo)簽有哪些屬性”吧!
成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括嘉陵網(wǎng)站建設(shè)、嘉陵網(wǎng)站制作、嘉陵網(wǎng)頁(yè)制作以及嘉陵網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，嘉陵網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到嘉陵省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
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>之間）。它提供的信息雖然用戶不可見(jiàn)，但卻是文檔的最基本的元信息。meta標(biāo)簽用來(lái)描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性，例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。
作用：提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
說(shuō)明：<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ì)象語(yǔ)言和對(duì)象，也可以用元信息來(lái)實(shí)現(xiàn)有條件請(qǐng)求以及報(bào)告事務(wù)完成。收到數(shù)據(jù)的瀏覽器可以根據(jù)元信息確定服務(wù)器發(fā)來(lái)的是什么內(nèi)容，預(yù)料有什么數(shù)據(jù)，確知是否接收完整的數(shù)據(jù)，以及過(guò)程中是否出錯(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)容。
語(yǔ)法：<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í)，代表說(shuō)明網(wǎng)站是采用的編碼是簡(jiǎn)體中文；
meta標(biāo)簽的charset的信息參數(shù)如BIG5時(shí)，代表說(shuō)明網(wǎng)站是采用的編碼是繁體中文；
meta標(biāo)簽的charset的信息參數(shù)如iso-2022-jp時(shí)，代表說(shuō)明網(wǎng)站是采用的編碼是日文；
meta標(biāo)簽的charset的信息參數(shù)如ks_c_5601時(shí)，代表說(shuō)明網(wǎng)站是采用的編碼是韓文；
meta標(biāo)簽的charset的信息參數(shù)如ISO-8859-1時(shí)，代表說(shuō)明網(wǎng)站是采用的編碼是英文；
meta標(biāo)簽的charset的信息參數(shù)如UTF-8時(shí)，代表世界通用的語(yǔ)言編碼；
2) content-Language（顯示語(yǔ)言的設(shè)定）
<meta http-equiv="Content-Language" content="zh-cn"/>
3) Expires(期限，可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新傳輸）
<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">
注意：必須使用GMT的時(shí)間格式。
4) Pragma(cache模式，禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容)
<meta http-equiv="Pragma" content="no-cache">
注意：這樣設(shè)定，訪問(wèn)者將無(wú)法脫機(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)求無(wú)效
no-cache指示請(qǐng)求或響應(yīng)消息不能緩存
no-store用于防止重要的信息被無(wú)意的發(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">
注意：用來(lái)防止別人在框架里調(diào)用自己的頁(yè)面。
8) set-cookie(cookie設(shè)定，如果網(wǎng)頁(yè)過(guò)期，那么存盤的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ī)器人查找信息和分類信息用的。
語(yǔ)法：
<meta name="參數(shù)" content="具體的參數(shù)值">
Keywords(關(guān)鍵字)
說(shuō)明：keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。
<meta name="keywords" content="">
description(網(wǎng)站內(nèi)容描述)
說(shuō)明：description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
<metaname="description" content="">
robots(機(jī)器人向?qū)?
說(shuō)明：Meta robots標(biāo)簽管理著搜索引擎是否可以進(jìn)入網(wǎng)頁(yè)，你可以用它來(lái)允許或不允許搜索引擎來(lái)獲取你的網(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(作者)
說(shuō)明：標(biāo)注網(wǎng)頁(yè)的作者
<metaname="author" content="jesse131work@163.com">
generator
說(shuō)明：meta標(biāo)簽的generator的信息參數(shù)，代表說(shuō)明網(wǎng)站的采用的什么軟件制作。
<metaname="generator" content="信息參數(shù)"/>
copyright
說(shuō)明：meta標(biāo)簽的copyright的信息參數(shù)，代表說(shuō)明網(wǎng)站版權(quán)信息。
<metaname="copyright" content="信息參數(shù)">
revisit-after
說(shuō)明：revisit-after代表網(wǎng)站重訪,7days代表7天，依此類推，假如我設(shè)置，那這樣搜索引擎就是7天來(lái)一次。使用這個(gè)標(biāo)簽的網(wǎng)站，通常是因?yàn)榫W(wǎng)站數(shù)據(jù)量非常大，被搜索引擎過(guò) 于頻繁的抓取，會(huì)占用過(guò)大的資源，影響網(wǎng)站的訪問(wèn)。所以，希望搜索引擎不要天天過(guò)來(lái)，抓取過(guò)一次了，那么等7天后再來(lái)。一般的網(wǎng)站是不需要這個(gè)標(biāo)簽的。
<meta name="revisit-after" content="7days">
view-point
說(shuō)明：主要影響移動(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是指通過(guò)采用易于搜索引擎索引的合理手段，使網(wǎng)站各項(xiàng)基本要素適合搜索引擎檢索原則并且對(duì)用戶更友好（Search Engine Friendly），從而更容易被搜索引擎收錄及優(yōu)先排序從屬于SEM（搜索引擎營(yíng)銷）。通俗理解是：通過(guò)總結(jié)搜索引擎的排名規(guī)律，對(duì)網(wǎng)站進(jìn)行合理優(yōu)化，使你的網(wǎng)站在百度和goog的排名提高，讓搜索引擎給你帶來(lái)客戶。
seo優(yōu)化常用語(yǔ)句如下
<!-- 頁(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)簽有哪些屬性”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
網(wǎng)站欄目：meta標(biāo)簽有哪些屬性
本文鏈接：http://www.chinadenli.net/article46/pgideg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、定制網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、App開(kāi)發(fā)、響應(yīng)式網(wǎng)站、商城網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
- 網(wǎng)絡(luò)教你怎樣做網(wǎng)站建設(shè)規(guī)劃 2016-11-03
- 成都企業(yè)網(wǎng)站為什么一定時(shí)間后要改版-網(wǎng)站建設(shè)創(chuàng)新互聯(lián)科技 2021-09-26
- 中小型企業(yè)網(wǎng)站建設(shè)準(zhǔn)備工作 2016-10-06
- 營(yíng)銷型網(wǎng)站建設(shè)的流程和步驟 2016-11-06
- 簽大單的網(wǎng)站建設(shè)網(wǎng)絡(luò)公司條件 2013-04-22
- 上海網(wǎng)站建設(shè)之優(yōu)化如何著手？ 2022-05-03
- 企業(yè)網(wǎng)站建設(shè)有哪些注意事項(xiàng) 2023-03-22
- 成都網(wǎng)站建設(shè)制作響應(yīng)式網(wǎng)頁(yè)有什么常見(jiàn)問(wèn)題？ 2016-08-22
- 談網(wǎng)站建設(shè)中三大瀏覽器的優(yōu)點(diǎn) 2016-11-03
- 網(wǎng)站建設(shè)中怎么操作電商o2o后臺(tái)供應(yīng)鏈系統(tǒng) 2021-04-04
- 網(wǎng)站建設(shè)自適應(yīng)網(wǎng)頁(yè)的布局特點(diǎn) 2016-09-21
- 企業(yè)網(wǎng)站建設(shè)失敗的常見(jiàn)原因 2021-04-12