<meta>标签

<meta> 是什么:

<meta> 是一个HTML的标签(辅助性标签);设置有关页面的元信息;它的位置位于文档的头部  <head>标签之中。

<meta>能做什么:

上去是否设置meta 对html 页面的内容的显示没什么影响。但是,正确的设置meta 可以实现的效果有:

1. 控制页面缓冲

2. 自动刷新并指向新的页面

3. SEO 搜索引擎优化

4.定义页面使用的语言

5. 实现网页转换时的动态效果

6. 网页定级评价

……

meta的属性

meta 是一个标签,这个标签可以设置的属性及对应的值有

  描述 
必需属性 content
  • some_text
定义与http_equive或name属性相关的元信息   
可选属性 http-equiv

content-type  设置网站是采用的编码字符集

expires

refresh  页面刷新跳转

set-cookie

imagetoolbar  是否显示图片工具栏

Content-Script-Type  W3C网页规范,页面脚本类型

pragma  禁止浏览器从本地pc缓存中访问页面内容,是否脱机浏览。

X-UA-Compatible   使用GCF来渲染页面,若无则使用最高版本的IE内核进行渲染 

把 content 属性关联到 HTTP 头部。  
  name

author  网页版权作者信息

description  描述:说明网站的主要内容、概况

keywords  关键字:用于seo

generator  网站的采用的什么软件制作

COPYRIGHT  网站版权信息

Robots  告诉搜索引擎机器人抓取哪些页面

revisit-after  网站重访

render  浏览器启用内核

revised

others

把 content 属性关联到一个名称。

 

 

 

 
  scheme some_text 定义用于翻译 content 属性值的格式。 
 

 

name 属性

name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。

"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

<meta name="keywords" content="HTML,ASP,PHP,SQL">  

content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。

 

http-equiv 属性

当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:

使用带有 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
 

scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。

 

一些meta 的用法

1. <meta name="Description"content="信息参数"/>
  代表说明网站的主要内容,概况是什么

2. <meta name="generator"content="信息参数"/>

  代表说明网站的采用的什么软件制作

3. <meta name="author"content="信息参数">

  代表说明网页版权作者信息

4. <meta name="COPYRIGHT" content="信息参数">

  meta标签的COPYRIGHT的信息参数,代表说明网站版权信息。

5.<meta name="Robots"contect="信息参数">

  Robots代表告诉搜索引擎机器人抓取哪些页面

<meta name="revisit-after" content="7days">

  revisit-after代表网站重访,7days代表7天,依此类推

<meta name=”renderer” content=”webkit”>

  浏览器就会在读取到这个标签后,立即切换对应的极速核。

 

6.<meta http-equiv="Refresh"Content="时间秒;Url=网址参数">

meta标签的Refresh代表多少时间网页自动刷新,加上Url中的网址参数就代表,多长时间自动链接其他网址。

 

7.<meta http-equiv="Content-Type"content="text/html;charset=信息参数"/>

charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;

 

8.<meta http-equiv="imagetoolbar"content="false"/>

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

 

9.<meta http-equiv="Content-Script-Type" content="text/javascript">
W3C网页规范,指明页面中脚本的类型。

 

10.<meta http-equiv="pragma" content="no-cache">

代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定,访问者将无法脱机浏览。

<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″ >

  这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没有安装GCF,则使用最高版本的IE内核进行渲染。

X-UA-Compatible:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题。

 

 

 
posted @ 2015-03-04 13:28  DemiGoo  阅读(212)  评论(0编辑  收藏  举报