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