转载:http://lefter.net/blog/meta/
今天在上看一个positioniseverything查看IE6的border混乱的BUG说明页面发现Firefox的滚动条有点不一样，心想难道Firefox也可以像IE一样控制其滚动条的颜色之内的了么？于是研究了一下原来是这段代码的作用<meta http-equiv="MSThemeCompatible" content="yes"/>其作用是：是否在浏览器中中关闭操作系统的的主题用法，比如按钮样式，选择菜单的样式等，一般和WINDOW经典主题一致
BTW : 用IE私有属性能控制滚动条的样比如：scrollbar-3dlight-color,scrollbar-highlight-color，scrollbar-face-color，scrollbar-arrow-color，scrollbar-shadow-color，scrollbar-darkshadow-color，scrollbar-base-color，scrollbar-track-color
在此对常用的META标签的属性进行一些总结，
HTTP-EQUIV
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显
Refresh (刷新)
让网页多长时间（秒）刷新自己，或在多长时间后让网页自动跳转到其它网页<Meta http-equiv="Refresh" Content="5; Url=http://lefter.net"/>
Expires (期限)
指定网页在缓存中的过期时间，一旦网页过期，必须重发请求到服务器获取更新<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"/>
Pragma (cach模式)
禁止浏览器从本地机的缓存中调阅页面内容<Meta http-equiv="Pragma " Content="No-cach"/>
X-UA-Compatible
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content=”IE=7″在无论页面是否包含指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content=”IE=EmulateIE7″模式遵循指令。对于多数网站来说，它是首选的兼容性模式。<Meta http-equiv="X-UA-Compatible " Content="IE=7"/>
NAME变量
name是描述网页的，对应于Content网页内容，以便于搜索引擎机器人查找、分类，目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。name的value值name=”"；指定所提供信息的类型。有些值是已经定义好的。
例如description，keyword，Author，Copyright等，这些常见的就不特地说明了
name=”Robots” (搜索引擎向导)
说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。index针对，页面文件本身，而Follow针对页面的链接，搜索引擎顺着连接往下抓取
分享到：
相关推荐
<meta http-equiv="PICS-Label" content="(PICS-1.1 "http://www.rsac.org/ratingsv01.html" lgent true comment "RSACi North America Server" for "http://www.rsac.org" on "1996.04.16T08:15-0500" r(n0 s0 v0 l...
例如，`<meta http-equiv="Set-Cookie" content="cookie_name=value; expires=Wed, 21-Oct-2021 16:14:21 GMT; path=/;">` 创建了一个名为`cookie_name`的Cookie，并设置了有效期和路径。若页面过期，对应的Cookie也...
例如，`<meta http-equiv="Pragma" content="no-cache">` 可以告诉浏览器不要缓存页面，这对于那些频繁更新的内容非常有用。 ##### 3. 设置字符集 `<meta http-equiv="Content-Type" content="text/html; charset=...
`<meta http-equiv>` 属性则可以模拟 HTTP 响应头，比如设置缓存策略或页面刷新： ```html <!-- 3秒后自动跳转到指定URL --> <meta http-equiv="refresh" content="3; url=https://example.com/"> ``` 还有响应式...
根据用途不同，META标签可以分为两大类：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 #### 二、HTTP-EQUIV标签详解 HTTP-EQUIV类型的META标签类似于HTTP头部协议，用于向浏览器发送特定的信息，帮助浏览器...
Meta标签有两种基本形式：`<meta http-equiv="name" content="content">` 和 `<meta name="name" content="content">`。 1. **HTTP-EQUIV属性** - **定义**：`HTTP-EQUIV`属性的Meta标签相当于HTTP响应头中的特定...
`<meta>`标签包含两个主要属性：`name`和`http-equiv`。这两个属性用于指定不同的元数据类型和用途。 #### 1. `name`属性 `name`属性用于定义页面的元数据名称。常用的`name`值及其含义如下： - **Generator**：...
Meta 标签分两大部分：HTTP 标题信息（HTTP-EQUIV）和页面描述信息（NAME）。 HTTP-EQUIV HTTP-EQUIV 类似于 HTTP 的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的 HTTP-EQUIV...
`<meta>`标签包含两种类型的属性：`http-equiv`属性和`name`属性。每种属性都有特定的作用和参数，下面将详细介绍这两种属性及其参数。 ##### 1. Name属性 Name属性用于描述网页的相关信息，与之对应的是`content`...
Meta标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。 HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有...
`<meta>`标签有两种主要类型：HTTP等效信息（HTTP-EQUIV）和名称/值对（NAME）。 #### 1. HTTP等效信息 (HTTP-EQUIV) 这类`<meta>`标签用来设置与HTTP头部信息类似的数据，例如定义文档的字符集、语言等。 - **...
- `Set-Cookie`: 设置cookie，`<meta http-equiv="Set-Cookie" content="cookie_name=value; expires=expiration_date; path=path;">`，指定cookie的有效期和路径。 - `Pics-label`: 网页评级，用于指定内容过滤器...
### Meta标签中的http-equiv属性详解 #### 一、Meta标签概述 在HTML文档中，`<meta>`标签被广泛应用于头部（`<head>`部分），主要用于定义页面的元数据（metadata）。这些元数据通常不直接对用户可见，但对浏览器...
`<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">`针对Internet Explorer，确保使用最高版本的IE内核（Edge模式），如果装有Google Chrome Frame插件，则使用Chromium内核。 4. **响应式布局**：...
- **控制缓存：**合理设置`<meta http-equiv="expires">`和`<meta http-equiv="Pragma">`可以有效管理网页在用户端的缓存策略，减少服务器负载。 - **自动刷新和重定向：**利用`<meta http-equiv="Refresh">`可以在...
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <meta ...
- **`http-equiv`属性**：与`content`属性结合使用，模仿HTTP响应头，如`<meta http-equiv="X-UA-Compatible" content="IE=edge">`。 #### 三、`<meta http-equiv="X-UA-Compatible">`详解 `<meta ...
2. **语法格式**：`<meta http-equiv="属性名" content="属性值">` 或 `<meta name="属性名" content="属性值">` 3. **应用场景**：META标签可用于多种场景，包括但不限于设置页面编码、控制缓存行为、定义页面...