meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：
name 属性
1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；
5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下：
设定为all：文件将被检索，且页面上的链接可以被查询；
设定为none：文件将不被检索，且页面上的链接不可以被查询；
设定为index：文件将被检索；
设定为follow：页面上的链接可以被查询；
设定为noindex：文件将不被检索，但页面上的链接可以被查询；
设定为nofollow：文件将不被检索，页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言；
又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面 http://yourlink；
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。
分享到：
相关推荐
移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。 Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport meta 标签大致...
值得注意的是：hid属性是页面的唯一标识 若想要在此配置并覆盖全局的meta 那么hid属性必须为description 因为默认的meta的hid属性就是description 若hid不配置成description 则会有两个meta标签 其中 一个的hid是...
### Meta属性详解与SEO优化的重要性 #### 一、Meta属性概览 在网页开发与SEO（搜索引擎优化）领域，正确理解和应用`<meta>`标签至关重要。`<meta>`标签是HTML文档头部的一部分，用于提供关于网页的信息，这些信息...
在上述内容中，主要介绍了与HTTP响应头相关的`<meta>`标签，这些标签可以模拟HTTP响应头的效果，控制浏览器的行为。 1. **Expires** (缓存过期时间) - `Expires`标签用于指定网页在浏览器缓存中的过期时间。当设置...
移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。 Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport meta 标签...
Name属性用于描述网页的相关信息，与之对应的是`content`属性，该属性包含了具体的信息内容。Name属性主要包括以下几个参数： - **Keywords（关键字）** - 用途：告知搜索引擎网页的关键字。 - 示例：`<meta name...
$route.fullPath ...路由元信息 .meta const router = new VueRouter({ routes: [ { path: '/foo', component: Foo, children: [ { path: 'bar', component: Bar, // a meta field meta: { requiresAu
它们是Unity项目结构的一部分，负责记录每个资源的属性，比如纹理的压缩格式、音频文件的播放模式、脚本的编译设置等。当您在项目中创建、移动或删除资产时，Unity会自动更新对应的.meta文件。尽管它们提供了便利，...
`<meta>`标签可以包含多种属性来传达不同的信息。 #### 二、Meta标签的常用属性 1. **name属性** - **Keywords (关键词)**：指定了页面的关键字或短语列表，这有助于搜索引擎理解页面的主题。 ```html <meta ...
4. **name属性**：常用于SEO，如`<meta name="description" content="页面描述">`提供页面的简短介绍，`<meta name="keywords" content="关键词,列表">`指定关键词。 5. **viewport属性**：对于移动设备，`<meta ...
下面将详细介绍`<meta>`标签的各种参数及其应用场景。 #### 1. `Content-Type` **描述**：`Content-Type`用于指定网页使用的字符集编码类型。 **示例**： ```html <meta ...
Meta标签主要有两个属性：name属性和http-equiv属性。 name属性 Name属性主要用于描述网页的元数据，常用的参数包括： * Keywords（关键字）：告诉搜索引擎网页的关键字是什么。 * Description（网站内容描述）：...
在网页设计中，`<meta>` 标签扮演着至关重要的角色。它是 HTML5 文档类型中的一个元素，用于提供关于文档的各种元信息，这些信息包括网页的字符编码、描述、关键词、重定向、刷新等。`<meta>` 标签通常位于 `<head>`...
本文将详细介绍WebApp中常用的`<meta>`标签及其应用场景，帮助前端开发者更好地理解并运用这些标签。 #### 二、Viewport Meta标签 `<meta name="viewport" content="...">` 是WebApp中最关键的元标签之一，主要用于...
本文将深入探讨`<meta>`标签及其相关属性的应用，帮助读者更好地理解如何利用这些标签来优化网页的表现和功能。 #### 一、`<meta>`标签概述 `<meta>`标签位于HTML文档的`<head>`部分，主要用于定义页面的元数据...
接下来我们将介绍几个常用的HTTP-EQUIV属性及其作用： 1. **Content-Type** - **用途**：指定文档的MIME类型（即文档格式）和字符集。 - **示例**： ```html <meta ...
#### 常用`<meta>`标签属性 - **`http-equiv`属性** - `http-equiv`属性通常与`content`属性一起使用，用于模拟HTTP头部信息。 - 示例：设置页面编码为GB2312 ```html <meta ...
以下是对`meta`标签及其各种属性的详细解释： 1. **name属性**： - `Generator`: 用于标识创建网页的工具或软件，例如`<meta name="Generator" content="Microsoft FrontPage4.0">`。 - `Keywords`: 描述网页的...