溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下html meta標簽的定義和用法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
html meta標簽的作用是什么？常見的html meta標簽屬性又有哪些？接下來本篇文章為大家介紹關于html meta標簽的定義和具體用法，還有html meta標簽的的屬性介紹（內有http-equiv屬性的詳細使用介紹）
什么是html meta標簽：
html meta標簽的定義和用法：
<meta> 元素可提供有關頁面的元信息（ meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
<meta> 標簽位于文檔的頭部，不包含任何內容。<meta> 標簽的屬性定義了與文檔相關聯的名稱/值對。
html meta標簽必需的屬性：
content ： some_text ： 定義與 http-equiv 或 name 屬性相關的元信息
html meta標簽可選的屬性：
html meta標簽的name屬性：
name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標簽都沒有指定任何預先定義的 <meta> 名稱。通常情況下，您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
"keywords" 是一個經常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。
類似這樣的 meta 標簽可能對于進入搜索引擎的索引有幫助：
<meta name="keywords" content="HTML,ASP,PHP,SQL">
如果沒有提供 name 屬性，那么名稱/值對中的名稱會采用 http-equiv 屬性的值。
html meta標簽的http-equiv 屬性：
http-equiv 屬性為名稱/值對提供了名稱。并指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
當服務器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對，但是所有服務器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。
使用帶有 http-equiv 屬性的 <meta> 標簽時，服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。例如，添加：
<meta http-equiv="charset" content="iso-8859-1"> <meta http-equiv="expires" content="31 Dec 2008">
這樣發送到瀏覽器的頭部就應該包含：
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008
當然，只有瀏覽器可以接受這些附加的頭部字段，并能以適當的方式使用它們時，這些字段才有意義。
html meta標簽的content 屬性：
content 屬性提供了名稱/值對中的值。該值可以是任何有效的字符串。
content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。
html meta標簽的scheme 屬性：
scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標簽的 profile 屬性指定的概況文件中進行了定義。
html meta標簽的http-equiv屬性的詳細使用介紹：
之前學習前端中，對meta標簽的了解僅僅只是這一句。
<meta charset="UTF-8">
但是打開任意的網站，其head標簽內都有一列的meta標簽。
用法一：
舉例:
<meta http-equiv="cache-control" content="no-cache">
共有以下幾種用法：
no-cache: 先發送請求，與服務器確認該資源是否被更改，如果未被更改，則使用緩存。
no-store: 不允許緩存，每次都要去服務器上，下載完整的響應。（安全措施）
public : 緩存所有響應，但并非必須。因為max-age也可以做到相同效果
private : 只為單個用戶緩存，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）
maxage : 表示當前請求開始，該響應在多久內能被緩存和重用，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒。
用法二：
說明：用于禁止當前頁面在移動端瀏覽時，被百度自動轉碼。雖然百度的本意是好的，但是轉碼效果很多時候卻不盡人意。所以可以在head中加入例子中的那句話，就可以避免百度自動轉碼了。舉例：
<meta http-equiv="Cache-Control" content="no-siteapp" />
D. expires(網頁到期時間)
說明:用于設定網頁的到期時間，過期后網頁必須到服務器上重新傳輸。舉例：
<meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" />
E. refresh(自動刷新并指向某頁面)
說明：網頁將在設定的時間內，自動刷新并調向設定的網址。舉例:
<meta http-equiv="refresh" content="2；URL=http://www.php.cn/"> //意思是2秒后跳轉向php網站
F. Set-Cookie(cookie設定)
說明：如果網頁過期。那么這個網頁存在本地的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這樣的屬性還沒來得及說，畢竟用的也不是太多。因為經驗尚淺，所以如果有出錯的地方，希望各位能幫忙指正。
HTML 與 XHTML 之間的差異：
在 HTML 中，<meta> 標簽沒有結束標簽。
在 XHTML 中，<meta> 標簽必須被正確地關閉。
注釋：<meta> 標簽永遠位于 head 元素內部。注釋：元數據總是以名稱/值的形式被成對傳遞的。
看完了這篇文章，相信你對html meta標簽的定義和用法有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
