明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html中的meta標簽是什么？meta標簽的屬性說明

發(fā)表時間：2023-09-01 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本章給大家介紹html中的meta標簽是什么？meta標簽的屬性介紹。有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。什么是meta標簽？ meta標簽是html標記head區(qū)的一個關(guān)鍵標簽，它位于HTML文檔的<head>和<title>之間（有...
本章給大家介紹html中的meta標簽是什么？meta標簽的屬性介紹。有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

什么是meta標簽？

meta標簽是html標記head區(qū)的一個關(guān)鍵標簽，它位于HTML文檔的<head>和<title>之間（有些也不是在<head>和<title>之間）。它提供的信息雖然用戶不可見，但卻是文檔的最基本的元信息。meta標簽用來描述一個HTML網(wǎng)頁文檔的屬性，例如作者、日期和時間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新等。

注：元信息是關(guān)于信息的信息，元信息允許服務(wù)器提供所發(fā)送數(shù)據(jù)的信息，如http可以提高所發(fā)的對象語言和對象，也可以用元信息來實現(xiàn)有條件請求以及報告事務(wù)完成。收到數(shù)據(jù)的瀏覽器可以根據(jù)元信息確定服務(wù)器發(fā)來的是什么內(nèi)容，預(yù)料有什么數(shù)據(jù)，確知是否接收完整的數(shù)據(jù)，以及過程中是否出錯，這樣客戶就可以知道傳輸對象的類型。

meta標簽的屬性有哪些？

1.jpg

屬性詳解：

1.http-equiv

相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助瀏覽器正確地顯示網(wǎng)頁內(nèi)容。

語法：<meta http-equiv="參數(shù)" content="參數(shù)值">

參數(shù)：

1) content-Type(設(shè)定頁面使用的字符集)

<metahttp-equiv="content-Type" content="text/html;charset=gb2312">

http-equiv=Content-Type代表的是HTTP的頭部協(xié)議，提示瀏覽器網(wǎng)頁的信息，

meta標簽的charset的信息參數(shù)如GB2312時，代表說明網(wǎng)站是采用的編碼是簡體中文；

meta標簽的charset的信息參數(shù)如BIG5時，代表說明網(wǎng)站是采用的編碼是繁體中文；

meta標簽的charset的信息參數(shù)如iso-2022-jp時，代表說明網(wǎng)站是采用的編碼是日文；

meta標簽的charset的信息參數(shù)如ks_c_5601時，代表說明網(wǎng)站是采用的編碼是韓文；

meta標簽的charset的信息參數(shù)如ISO-8859-1時，代表說明網(wǎng)站是采用的編碼是英文；

meta標簽的charset的信息參數(shù)如UTF-8時，代表世界通用的語言編碼；

2) content-Language（顯示語言的設(shè)定） 

<meta http-equiv="Content-Language" content="zh-cn"/>

3) Expires(期限，可以用于設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新傳輸）

<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">

注意：必須使用GMT的時間格式。

4) Pragma(cache模式，禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容)

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

注意：這樣設(shè)定，訪問者將無法脫機瀏覽。

5) cache-control（緩存設(shè)置）

<meta http-equiv="cache-control" content="no-cache">

請求時的緩存指令包括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。各個消息中的指令含義如下:

Public指示響應(yīng)可被任何緩存區(qū)緩存

Private指示對于單個用戶的整個或部分響應(yīng)消息，不能被共享緩存處理。這允許服務(wù)器僅僅描述當用戶的部分響應(yīng)消息，此響應(yīng)消息對于其他用戶的請求無效

no-cache指示請求或響應(yīng)消息不能緩存

no-store用于防止重要的信息被無意的發(fā)布。在請求消息中發(fā)送將使得請求和響應(yīng)消息都不使用緩存。

max-age指示客戶機可以接收生存期不大于指定時間（以秒為單位）的響應(yīng)

min-fresh指示客戶機可以接收響應(yīng)時間小于當前時間加上指定時間的響應(yīng)

max-stale指示客戶機可以接收超出超時期間的響應(yīng)消息。如果指定max-stale消息的值，那么客戶機可以接收超出超時期指定值之內(nèi)的響應(yīng)消息。

6) Refresh(自動刷新并指向新頁面）

<meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引號，分別在秒數(shù)的前面和網(wǎng)址的后面)

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

7) Window-target(強制頁面在當前窗口以獨立頁面顯示）

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

注意：用來防止別人在框架里調(diào)用自己的頁面。

8) set-cookie(cookie設(shè)定，如果網(wǎng)頁過期，那么存盤的cookie將被刪除）

<meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/">

通常強制要求瀏覽器不設(shè)置緩存重新從服務(wù)器獲取頁面會使用下面的方式：

<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īng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的。

語法：

<meta name="參數(shù)" content="具體的參數(shù)值">

Keywords(關(guān)鍵字)

說明：keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么。

<meta name="keywords" content="">

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

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

<metaname="description" content="">

robots(機器人向?qū)?

說明：Meta robots標簽管理著搜索引擎是否可以進入網(wǎng)頁，你可以用它來允許或不允許搜索引擎來獲取你的網(wǎng)頁、進入你網(wǎng)頁中的子鏈接或?qū)δ愕木W(wǎng)頁存檔。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。

<metaname="robots" content="none">

具體參數(shù)如下：

信息參數(shù)為all：文件將被檢索，且頁面上的鏈接可以被查詢；

信息參數(shù)為none：文件將不被檢索，且頁面上的鏈接不可以被查詢；

信息參數(shù)為index：文件將被檢索；

信息參數(shù)為follow：頁面上的鏈接可以被查詢；

信息參數(shù)為noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；

信息參數(shù)為nofollow：文件將被檢索，但頁面上的鏈接不可以被查詢；

author(作者)

說明：標注網(wǎng)頁的作者

<metaname="author" content="jesse131work@163.com">

generator

說明：meta標簽的generator的信息參數(shù)，代表說明網(wǎng)站的采用的什么軟件制作。

<metaname="generator" content="信息參數(shù)"/>

copyright

　　說明：meta標簽的copyright的信息參數(shù)，代表說明網(wǎng)站版權(quán)信息。

<metaname="copyright" content="信息參數(shù)">

revisit-after

　　說明：revisit-after代表網(wǎng)站重訪,7days代表7天，依此類推，假如我設(shè)置，那這樣搜索引擎就是7天來一次。使用這個標簽的網(wǎng)站，通常是因為網(wǎng)站數(shù)據(jù)量非常大，被搜索引擎過 于頻繁的抓取，會占用過大的資源，影響網(wǎng)站的訪問。所以，希望搜索引擎不要天天過來，抓取過一次了，那么等7天后再來。一般的網(wǎng)站是不需要這個標簽的。

<meta name="revisit-after" content="7days">

view-point

　　說明：主要影響移動頁面布局

<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標簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上，但是對于機器是可讀的。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)。meta標簽可用于緩存設(shè)置，還與SEO優(yōu)化相關(guān)。SEO是指通過采用易于搜索引擎索引的合理手段，使網(wǎng)站各項基本要素適合搜索引擎檢索原則并且對用戶更友好（Search Engine Friendly），從而更容易被搜索引擎收錄及優(yōu)先排序從屬于SEM（搜索引擎營銷）。通俗理解是：通過總結(jié)搜索引擎的排名規(guī)律，對網(wǎng)站進行合理優(yōu)化，使你的網(wǎng)站在百度和goog的排名提高，讓搜索引擎給你帶來客戶。

seo優(yōu)化常用語句如下

<!-- 頁面標題<title>標簽(head 頭部必須) -->
<title>your title</title>
<!-- 頁面關(guān)鍵詞 keywords -->
<meta name="keywords" content="your keywords">
<!-- 頁面描述內(nèi)容 description -->
<meta name="description" content="your description">
<!-- 定義網(wǎng)頁作者 author -->
<meta name="author" content="author,email address">
<!-- 定義網(wǎng)頁搜索引擎索引方式，robotterms 是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 -->
<meta name="robots" content="index,follow">

以上就是html中的meta標簽是什么？meta標簽的屬性介紹的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。