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

html meta標簽的作用是什么？html meta標簽經(jīng)常見的屬性說明

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

[摘要]html meta標簽的作用是什么？常見的html meta標簽屬性又有哪些？接下來本篇文章為大家介紹關于html meta標簽的定義和具體用法，還有html meta標簽的的屬性介紹（內(nèi)有http-equiv屬性的詳細使用介紹）什么是html meta標簽：html meta標簽的定義和用法：&...
html meta標簽的作用是什么？常見的html meta標簽屬性又有哪些？接下來本篇文章為大家介紹關于html meta標簽的定義和具體用法，還有html meta標簽的的屬性介紹（內(nèi)有http-equiv屬性的詳細使用介紹）

什么是html meta標簽：

html meta標簽的定義和用法：

<meta> 元素可提供有關頁面的元信息（ meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。

<meta> 標簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標簽的屬性定義了與文檔相關聯(lián)的名稱/值對。

html meta標簽必需的屬性：

content ： some_text ： 定義與 http-equiv 或 name 屬性相關的元信息

html meta標簽可選的屬性：

tuyi.png

html meta標簽的name屬性：

name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標簽都沒有指定任何預先定義的 <meta> 名稱。通常情況下，您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。

"keywords" 是一個經(jīng)常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。

類似這樣的 meta 標簽可能對于進入搜索引擎的索引有幫助：

<meta name="keywords" content="HTML,ASP,PHP,SQL">

如果沒有提供 name 屬性，那么名稱/值對中的名稱會采用 http-equiv 屬性的值。

html meta標簽的http-equiv 屬性：

http-equiv 屬性為名稱/值對提供了名稱。并指示服務器在發(fā)送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

當服務器向瀏覽器發(fā)送文檔時，會先發(fā)送許多名稱/值對。雖然有些服務器會發(fā)送許多這種名稱/值對，但是所有服務器都至少要發(fā)送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

使用帶有 http-equiv 屬性的 <meta> 標簽時，服務器將把名稱/值對添加到發(fā)送給瀏覽器的內(nèi)容頭部。例如，添加：

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

這樣發(fā)送到瀏覽器的頭部就應該包含：

content-type: text/html

charset:iso-8859-1

expires:31 Dec 2008

當然，只有瀏覽器可以接受這些附加的頭部字段，并能以適當?shù)姆绞绞褂盟鼈儠r，這些字段才有意義。

html meta標簽的content 屬性：

content 屬性提供了名稱/值對中的值。該值可以是任何有效的字符串。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

html meta標簽的scheme 屬性：

scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標簽的 profile 屬性指定的概況文件中進行了定義。

html meta標簽的http-equiv屬性的詳細使用介紹：

之前學習前端中，對meta標簽的了解僅僅只是這一句。

<meta charset="UTF-8">

但是打開任意的網(wǎng)站，其head標簽內(nèi)都有一列的meta標簽。

用法一：

舉例:

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

共有以下幾種用法：

  1. no-cache: 先發(fā)送請求，與服務器確認該資源是否被更改，如果未被更改，則使用緩存。

  2. no-store: 不允許緩存，每次都要去服務器上，下載完整的響應。（安全措施）

  3. public : 緩存所有響應，但并非必須。因為max-age也可以做到相同效果

  4. private : 只為單個用戶緩存，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）

  5. maxage : 表示當前請求開始，該響應在多久內(nèi)能被緩存和重用，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒。

用法二：

說明：用于禁止當前頁面在移動端瀏覽時，被百度自動轉碼。雖然百度的本意是好的，但是轉碼效果很多時候卻不盡人意。所以可以在head中加入例子中的那句話，就可以避免百度自動轉碼了。舉例：

<meta http-equiv="Cache-Control" content="no-siteapp" />

D. expires(網(wǎng)頁到期時間)

說明:用于設定網(wǎng)頁的到期時間，過期后網(wǎng)頁必須到服務器上重新傳輸。舉例：

<meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" />

E. refresh(自動刷新并指向某頁面)

說明：網(wǎng)頁將在設定的時間內(nèi)，自動刷新并調(diào)向設定的網(wǎng)址。舉例:

<meta http-equiv="refresh" content="2；URL=http://www.php.cn/"> //意思是2秒后跳轉向php網(wǎng)站

F. Set-Cookie(cookie設定)

說明：如果網(wǎng)頁過期。那么這個網(wǎng)頁存在本地的cookies也會被自動刪除。

<meta http-equiv="Set-Cookie" content="name, date"> //格式
<meta http-equiv="Set-Cookie" content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT"> //具體范例

暫時總結的就這么多了，meta標簽的自定義屬性實在太多了。所以只去找了常用的一些，還有像Window-target這樣的屬性還沒來得及說，畢竟用的也不是太多。因為經(jīng)驗尚淺，所以如果有出錯的地方，希望各位能幫忙指正。

HTML 與 XHTML 之間的差異：

在 HTML 中，<meta> 標簽沒有結束標簽。

在 XHTML 中，<meta> 標簽必須被正確地關閉。

注釋：<meta> 標簽永遠位于 head 元素內(nèi)部。注釋：元數(shù)據(jù)總是以名稱/值的形式被成對傳遞的。

【相關推薦】

html textarea是什么意思？如何獲取textarea標簽中的換行符和空格？

html base URL是什么？html base詳細解析匯總

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


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