html meta標籤的作用是什麼？ html meta標籤常見的屬性介紹

html meta標籤的作用是什麼？常見的html meta標籤屬性又有哪些？接下來這篇文章為大家介紹關於html meta標籤的定義和具體用法，還有html meta標籤的的屬性介紹（內有http-equiv屬性的詳細使用介紹）

什麼是html meta標籤：

html meta標籤的定義與用法：

元素可提供有關頁面的元資訊（ meta-information） ，例如針對搜尋引擎和更新頻度的描述和關鍵字。

標籤位於文件的頭部，不包含任何內容。 標籤的屬性定義了與文件相關聯的名稱/值對。

html meta標籤必要的屬性：

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

# html meta標籤可選的屬性：

html meta標籤的name屬性：

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

"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 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 屬性用來指定要用來翻譯屬性值的方案。此方案應該在由 標籤的 profile 屬性指定的概況檔案中進行了定義。

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

之前學習前端中，對meta標籤的了解只是這句話。

但是開啟任意的網站，其head標籤內都有一列的meta標籤。

用法一：

範例:

共有以下幾種用法：

1. no-cache: 先發送請求，與伺服器確認該資源是否已更改，如果未被更改，則使用快取。

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

3. public : 快取所有回應，但並非必須。因為max-age也可以做到相同效果

4. private : 只為單一使用者快取，因此不允許任何中繼進行快取。 （比如說CDN就不允許快取private的回應）

5. 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 中， 标签没有结束标签。

在 XHTML 中， 标签必须被正确地关闭。

注释： 标签永远位于 head 元素内部。注释：元数据总是以名称/值的形式被成对传递的。

【相关推荐】

html textarea是什么意思？如何获取textarea标签中的换行符和空格？

html base URL是什么？html base详细解析汇总

以上是html meta標籤的作用是什麼？ html meta標籤常見的屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！