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页面。
以上是常用的几个meta属性,有个人主页的朋友不妨在你的主页中加上它,效果可是不一样的哦:)。
分享到:
相关推荐
本篇将详细阐述如何设置页面的缓存与不缓存,以及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标签的概念、用途及其实现方式,并深入探讨其中的一些关键属性如`...