HTML 元素

時間 2019-11-17

標籤 html 元素欄目 HTML 简体版

原文原文鏈接

描述

meta標籤描述了一些基本的元數據。html

META元素一般用於指定網頁的描述，關鍵詞，文件的最後修改時間，做者，和其餘元數據。緩存

元數據可使用於瀏覽器（如何顯示內容或從新加載頁面），搜索引擎（關鍵詞），或其餘Web服務。服務器

屬性與實例

charset(New)	character_set	定義文檔的字符編碼。
content	text	定義與 http-equiv 或 name 屬性相關的元信息。
http-equiv	content-type default-style refresh	把 content 屬性關聯到 HTTP 頭部。
name	application-name author description generator keywords	把 content 屬性關聯到一個名稱。
scheme	format/URI	HTML5不支持。定義用於翻譯 content 屬性值的格式。

註釋：<meta> 標籤永遠位於 head 元素內部。

註釋：元數據老是以名稱/值的形式被成對傳遞的。

name屬性

name屬性主要用於描述網頁，與之對應的屬性值爲content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。

meta標籤的name屬性語法格式是：<meta name="參數" content="具體的參數值">；。

其中name屬性主要有如下幾種參數：

A、Keywords（關鍵字）

說明：keywords用來告訴搜索引擎你網頁的關鍵字是什麼。

舉例：

<meta name ="keywords" content="science,education,culture,politics,ecnomics,relationships,entertainment,human">

B、description（網站內容描述）

說明：description用來告訴搜索引擎你的網站主要內容。

網站內容描述（description）的設計要點：

①網頁描述爲天然語言而不是羅列關鍵詞（與keywords設計正好相反）；

②儘量準確地描述網頁的核心內容，一般爲網頁內容的摘要信息，也就是但願搜索引擎在檢索結果中展現的摘要信息；

③網頁描述中含有有效關鍵詞；

④網頁描述內容與網頁標題內容有高度相關性；

⑤網頁描述內容與網頁主體內容有高度相關性；

⑥網頁描述的文字沒必要太多，通常不超過搜索引擎檢索結果摘要信息的最多字數（一般在100中文字以內，不一樣搜索引擎略有差別）。

舉例：

<meta name="description" content="This page is about the meaning of science,education,culture.">

C、robots（機器人嚮導）

說明：robots用來告訴搜索機器人哪些頁面須要索引，哪些頁面不須要索引。

content的參數有all,none,index,noindex,follow,nofollow。默認是all。

舉例：

<meta name="robots" content="none">

D、author（做者）

說明：標註網頁的做者

舉例：

<meta name="author" conent="zhiupping8">

http-equiv屬性

http-equiv顧名思義，至關於http的文件頭做用，它能夠向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值爲content，content中的內容其實就是各個參數的變量值。

meta標籤的http-equiv屬性語法格式是：<meta http-equiv="參數" content="參數變量值"> ；其中http-equiv屬性主要有如下幾種參數：

A、Expires（期限）

說明：能夠用於設定網頁的到期時間。一旦網頁過時，必須到服務器上從新傳輸。

用法：

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

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

B、Pragma(cache模式）

說明：禁止瀏覽器從本地計算機的緩存中訪問頁面內容。

用法：

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

注意：這樣設定，訪問者將沒法脫機瀏覽。

C、Refresh（刷新）

說明：自動刷新並轉到新頁面。

用法：

<meta http-equiv="Refresh" content="2;URL">

（注意後面的分號，分別在秒數的前面和網址的後面，URL可爲空）

注意：其中的2是指停留2秒鐘後自動刷新到URL網址。

D、Set-Cookie(cookie設定）

說明：若是網頁過時，那麼存盤的cookie將被刪除。

用法：

<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/">

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

E、Window-target（顯示窗口的設定）

說明：強制頁面在當前窗口以獨立頁面顯示。

用法：

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

注意：用來防止別人在框架裏調用本身的頁面。

F、content-Type（顯示字符集的設定）

說明：設定頁面使用的字符集。

用法：

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

G、content-Language（顯示語言的設定）

用法：

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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。