六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

html meta標簽的作用是什么?html meta標簽經常見的屬性說明

[摘要]html meta標簽的作用是什么?常見的html meta標簽屬性又有哪些?接下來本篇文章為大家介紹關于html meta標簽的定義和具體用法,還有html meta標簽的的屬性介紹(內有http-equiv屬性的詳細使用介紹)什么是html meta標簽: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標簽可選的屬性:

tuyi.png

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">

共有以下幾種用法:

  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 中,<meta> 標簽沒有結束標簽。

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

注釋:<meta> 標簽永遠位于 head 元素內部。注釋:元數據總是以名稱/值的形式被成對傳遞的。

【相關推薦】

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

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

以上就是html meta標簽的作用是什么?html meta標簽常見的屬性介紹的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 一二三四影院在线观看视频 | 亚洲欧美精品一区二区 | 最近免费观看高清韩国日本大全 | 日本免费人成在线网站 | 特黄特色一级特色大片中文 | 在线aa| 亚洲欧美中文日韩在线v日本 | 天堂在线亚洲 | 日本亚洲欧美在线 | 天天射天天操天天 | 色综合视频 | 香蕉狠狠再啪线视频 | 在线观看h视频播放高清 | 青草园网站在线观看 | 中文字幕乱视频 | 天堂8中文在线最新版在线 天堂8中文在线bt | 午夜欧美激情 | 日韩欧美国产视频 | 色狠狠干 | 色视频在线观看免费 | 在线国产视频 | 亚洲小视频网站 | 日本不卡视频一区二区三区 | 一级做a爰片久久毛片毛片 一级做a爰片久久毛片看看 | 五月天婷婷免费观看视频在线 | 日韩欧美亚洲每日更新网 | 亚洲日韩中文第一精品 | 在线天堂中文在线网 | 天天躁天天弄天天爱 | 亚洲淫片 | 亚洲免费视频一区 | 色综合小说天天综合网 | 四虎成人免费网址在线 | 四虎永久在线精品国产免费 | 亚洲综合站 | 日韩欧美区 | 日韩中文视频 | 天天插天天透天天狠 | 日本视频网站在线观看 | 我要操影院| 深夜视频在线播放视频在线观看免费观看 |