[size=medium][size=large][size=medium][size=x-small]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>`标签及其相关属性的应用,帮助读者更好地理解如何利用这些标签来优化网页的表现和...
在构建网页的过程中,合理运用`<meta>`标签对于网站优化、页面显示及搜索引擎识别等方面具有重要作用。本文将详细解读HTML页面上`<meta>`标签的功能及其应用场景。 #### `<meta>`标签的基本概念 `<meta>`标签位于...
正确地使用`<meta>`标签对于提高网站的可访问性、SEO优化等方面具有重要作用。例如: - 使用`<meta name="Keywords">`可以帮助搜索引擎更好地理解页面的主题。 - `Content-Type`属性用于指定页面使用的字符集编码,...
### JavaScript中的Meta标签功能 Meta标签是HTML文档中不可或缺的一部分,它主要被放置在文档的头部(`<head>`)区域。尽管JavaScript主要用于控制页面的行为和动态内容的更新,但了解Meta标签及其如何与HTML文档...
总的来说,`<meta>` 标签在网页设计中起到提供元信息、优化SEO、控制浏览器行为等多方面的作用。合理利用 `<meta>` 标签,可以帮助我们创建更高效、更易用、更符合标准的网页。在设计和开发过程中,务必注意选择适当...
HTML中的`<meta>`标签是网页元数据的重要组成部分,它提供了关于HTML文档的额外信息,如页面描述、关键字、字符编码、刷新间隔等。在上述内容中,主要介绍了与HTTP响应头相关的`<meta>`标签,这些标签可以模拟HTTP...
### HTML Meta标签使用方法详解 #### 一、Meta标签简介 HTML中的`<meta>`标签是一种重要的元数据...综上所述,合理利用`<meta>`标签可以极大地增强网站的功能性和用户体验,对于网页开发者来说是一项非常有用的技能。
在IT行业中,HTML是网页开发的基础,而元信息(meta信息)则是HTML文档的重要组成部分,它通常用于描述页面内容、设定字符编码等。当HTML文件的实际编码与meta标签中指定的编码不一致时,可能会导致乱码问题。解决这...
Meta标签是HTML语言中的一个辅助性标签,位于HTML文档头部的`<HEAD>`区域,并在`<TITLE>`标签之前。虽然用户在浏览网页时无法直接看到这些信息,但对于网页的SEO优化及浏览器的功能设置具有重要作用。好的Meta标签...
在Web开发中,尤其是在构建适应移动设备的Web应用(WebApp)时,正确使用HTML中的`<meta>`标签至关重要。它不仅可以帮助开发者控制页面的布局与展示效果,还能优化SEO、提升用户体验。本文将详细介绍WebApp中常用的`...
name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的...
HTML中的`<meta>`标签用于提供元数据,其中`viewport`属性是专为移动设备设计的,它允许网页开发者控制页面在移动设备上的显示方式。移动浏览器通常会在一个虚拟的“视口”(viewport)中渲染网页,这个视口比实际...
### HTML5中的`<meta>`标签详解 在HTML5中,`<meta>`标签被用于定义文档中的元数据,即关于文档的数据。这些元数据不显示在页面上,但会被浏览器解析并用作其他用途,比如搜索引擎优化(SEO)、设置字符集、控制...
`<meta>`标签在网页开发中扮演着非常重要的角色,它不仅影响着页面的显示效果,还对搜索引擎优化有着至关重要的作用。合理地利用`<meta>`标签,可以帮助我们更好地控制页面的呈现方式、提高页面的可访问性和搜索引擎...
Html中meta标签 一、meta标签 含义 <meta> 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部,不包含任何内容。 <...
总结来说,<meta>标签是HTML文档中一个非常重要的元素,它通过多种属性提供了关于页面的元数据,对于页面的优化、搜索引擎的解析、内容的国际化显示等方面都起着关键的作用。同时,随着HTML的发展,<meta>标签也在...