HTML中小meta的大作用
以前一直不知道HTML中的META的作用，今天看啦一遍介绍，感觉受益匪浅
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页面。
分享到：
相关推荐
本篇将详细阐述如何设置页面的缓存与不缓存，以及HTML页面中`meta`标签的作用。 首先，页面缓存主要通过HTTP协议头信息来控制。HTTP1.0使用`Pragma`字段，而在HTTP1.1中，`Cache-Control`字段成为了更强大的控制...
### HTML中小meta的大作用 在Web开发中，`<meta>`标签虽然看起来不起眼，但实际上它扮演着极其重要的角色。本文将深入探讨`<meta>`标签及其相关属性的应用，帮助读者更好地理解如何利用这些标签来优化网页的表现和...
### HTML中的`<meta>`标签详解与应用 #### 一、`<meta>`标签概述 在HTML中，`<meta>`标签主要用于定义元数据（metadata），即关于数据的数据。这些元数据不会显示在页面上，但会被浏览器用来理解网页的一些基本...
meta标签的作用及整理
网页HTML代码中Meta标签详解 Meta标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，提供用户不可见的信息。Meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的...
关键字 meta（标签）及 Keywords（关键词），曾经在网页中很重要的，但现在已经被很多搜索引擎完全忽略。但是，如果加上这个标签也对网页的综合表现没有坏处，不过，如果使用不恰当的话，对网页非但没有好处，还有...
HTML中的`meta`标签是网页元数据的重要组成部分，它提供了关于HTML文档的附加信息，这些信息通常不直接显示在页面上，而是对搜索引擎优化（SEO）、浏览器行为控制、页面缓存策略等方面起着关键作用。以下是对`meta`...
正确地使用`<meta>`标签对于提高网站的可访问性、SEO优化等方面具有重要作用。例如： - 使用`<meta name="Keywords">`可以帮助搜索引擎更好地理解页面的主题。 - `Content-Type`属性用于指定页面使用的字符集编码，...
在构建网页的过程中，合理运用`<meta>`标签对于网站优化、页面显示及搜索引擎识别等方面具有重要作用。本文将详细解读HTML页面上`<meta>`标签的功能及其应用场景。 #### `<meta>`标签的基本概念 `<meta>`标签位于...
html5中<meta>标签的各种使用方法
搜索引擎和 HTML Meta 标签（Meta Tags）
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤 到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过...
HTML中的`<meta>`标签是网页元数据的重要组成部分，它提供了关于HTML文档的额外信息，如页面描述、关键字、字符编码、刷新间隔等。在上述内容中，主要介绍了与HTTP响应头相关的`<meta>`标签，这些标签可以模拟HTTP...
手机页面中的 手机 HTML5 开发 meta设置，要注意的地方
总的来说，`<meta>` 标签在网页设计中起到提供元信息、优化SEO、控制浏览器行为等多方面的作用。合理利用 `<meta>` 标签，可以帮助我们创建更高效、更易用、更符合标准的网页。在设计和开发过程中，务必注意选择适当...
### JavaScript中的Meta标签功能 Meta标签是HTML文档中不可或缺的一部分，它主要被放置在文档的头部（`<head>`）区域。尽管JavaScript主要用于控制页面的行为和动态内容的更新，但了解Meta标签及其如何与HTML文档...
### HTML Meta标签使用方法详解 #### 一、Meta标签简介 HTML中的`<meta>`标签是一种重要的元数据...综上所述，合理利用`<meta>`标签可以极大地增强网站的功能性和用户体验，对于网页开发者来说是一项非常有用的技能。
Meta 标签分两大部分：HTTP 标题信息（HTTP-EQUIV）和页面描述信息（NAME）。 HTTP-EQUIV HTTP-EQUIV 类似于 HTTP 的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的 ...
在网页开发中，HTML（HyperText Markup Language）是构建网页内容的基础语言，而Meta标签则是HTML文档中的一个重要组成部分。本文将详细解释Meta标签的概念、用途及其实现方式，并深入探讨其中的一些关键属性如`...