HTML <meta> 标签 和 http-equiv

前言

经常在写HTML,但是对于meta 的设置却一直疏于关注。

<meta> 是什么

<meta> 是一个HTML的标签(辅助性标签)。

它的位置位于文档的头部  <head>标签之中。

<meta> 可以做什么?

看上去是否设置meta 对html 页面的内容的显示没什么影响。

但是,正确的设置meta 可以实现的效果有:

1. 控制页面缓冲

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

3. SEO 搜索引擎优化

4.定义页面使用的语言

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

6. 网页定级评价

meta的属性

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

属性 描述  
content some_text 定义与 http-equiv 或 name 属性相关的元信息
属性 描述  
http-equiv
  • content-type
  • expires
  • refresh
  • set-cookie
把 content 属性关联到 HTTP 头部。  
name
  • author
  • description
  • keywords
  • generator
  • revised
  • others
把 content 属性关联到一个名称。  
scheme some_text 定义用于翻译 content 属性值的格式。

name 属性

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

[html] view plaincopyprint?

  1. <meta name="keywords" content="HTML,ASP,PHP,SQL">
<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的信息参数,代表说明网站版权信息。

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

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

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

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

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

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

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

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

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

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

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

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

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

注:转载于--http://blog.csdn.net/oscar999/article/details/17409883

时间: 2024-10-10 10:09:17

HTML <meta> 标签 和 http-equiv的相关文章

html meta标签使用总结(转)

之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签.比如我博客的. 但是自己却很不熟悉,于是把meta标签加入了寒假学习计划的最前方. 简介 在查阅w3school中,第一句话中的"元数据"就让我开始了Google之旅.然后很顺利的在英文版的w3school找到了想要的结果.(中文w3school说的是元信息,Google和百度都没有相关的词条.但

HTML中meta标签详解

1.定义语言 格式:〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉这 是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时,浏览器会自动识别并设置网 页中的语言,如果你网页设置的是GB码,而访客没有安装GB码,这时网页只会呈现访客人所设置的浏览器默认语言.同样的,如果该网页是英语,那么 charset=en. 2

HTML meta标签总结与属性使用介绍

之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签.比如我博客的. 但是自己却很不熟悉,于是把meta标签加入了寒假学习计划的最前方. 简介 在查阅w3school中,第一句话中的"元数据"就让我开始了Google之旅.然后很顺利的在英文版的w3school找到了想要的结果.(中文w3school说的是元信息,Google和百度都没有相关的词条.但

HTML meta标签使用介绍

简介 在查阅w3school中,第一句话中的"元数据"就让我开始了Google之旅.然后很顺利的在英文版的w3school找到了想要的结果.(中文w3school说的是元信息,Google和百度都没有相关的词条.但元数据在Google就有详细解释.所以这儿采用英文版W3school的解释.) The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on

HTML中的meta标签及其使用方法

组成 meta标签共有两个属性,分别是http-equiv属性和name属性. 1. name属性 name属性主要用于描述网页,比如网页的关键词,叙述等.与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取.meta标签中name属性语法格式是: <meta name="参数" content="具体的描述">. 其中name属性共有以下几种参数.(A-C为常用属性) A. keywords(关键字)

移动平台对 META 标签的定义

下面介绍一些有关标记的例子及解释. 一.meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). 1.http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容. 用法: <meta http-equiv="Content-Type" content="text/html; charset=utf

HTML meta标签常用属性整理

概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. -- W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部. na

HTML中&lt;meta&gt;标签的使用

HTML中<meta>标签的使用 <meta>标签基本介绍 <meta>标签是HTML网页源代码中一个重要的html标签.META便签用来描述一个HTML网页文档的属性,例如作者.日期.关键词.页面刷新.除此之外<meta>标签用于搜索引擎优化(SEO).它位于HTML文档中<head>元素内,虽然它提供的信息不可见,但它却是文档最基本的元信息. <meta>标签的属性列举 <meta>标签中属性可以分为必选属性和可选的属

meta标签常用属性整理

在segmentfault看到这篇文章,觉得整理的很详细,所以转载过来和大家分享一下.原文地址:http://segmentfault.com/blog/ciaocc/1190000002407912作者:ciaocc版权贵ciaocc所有,转载请注明版权. 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. ——W3School 必要属性 属性 值 描述 content

Meta 标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和 标题 <<标记之间,它提供用户不可见的信息.meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等. 详细介绍 下面介绍一些有关 标记的例子及解释. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NA