网页中META标签的使用

原创 2005年03月03日 14:52:00
Meta 标签放在每个网页的 <head>...</head> 中,我们大家比较熟悉的如:

  <meta name="GENERATOR" content="Microsoft FrontPage 3.0">说明编辑工具;
  <meta name="KEYWORDS" content="...">说明关键词;
  <meta name="DESCRIPTION" content="...">说明主页描述;
  <meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80"> 和
  <meta http-equiv="Content-Language" content="zh-CN">说明所用语言及文字...

  可见 META 有两种,name 和 http-equiv。

  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页面。

使用 Bootstrap 4 提升网页实战力

购物网、Landing page、个人网站、企业网站、客制化网站都将难不倒您!这堂课会手把手地透过Bootstrap 4 实作各种业界案例,有了这样的加持,面对各种版型的网站,都能轻松应对。
  • 2018年03月01日 09:46

HTML中meta标签的作用与使用

META标签用来描述一个HTML网页文档的属性 META标签可分为两大部分:HTTP-EQUIV和NAME变量。 HTTP实例 HTML代码实例中有一项内容是 其作用是指定了当前文...
  • qq_29920751
  • qq_29920751
  • 2016-08-18 22:48:30
  • 3627

网站Meta标签都有哪些属性及作用?

网站Meta标签都有哪些属性及作用?   Meta标签是网页最顶部出现的几段英文语句,那么Meta标签都有哪些呢?它们各自的属性又代表什么呢?下面就讲述一下,希望大家能了解一下:     ...
  • fu_manxing
  • fu_manxing
  • 2016-08-22 10:53:51
  • 1717

网页HTML代码中Meta标签详解

ZDNet 软件频道    更新时间:2007-08-07作者:周吉来    来源:PHPChina本文关键词:   HTML  Meta  HTTP  IE  浏览器  很多人忽视了HTML标签M...
  • wh_wanghui
  • wh_wanghui
  • 2009-08-07 23:11:00
  • 217

常用网页头部meta标签收集和整理

元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 ——W3Sch...
  • English0523
  • English0523
  • 2015-04-13 11:44:17
  • 1435

meta标签的作用及整理

欢迎访文我的博客YangChen’s Blogmeta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从...
  • yc123h
  • yc123h
  • 2016-05-09 21:00:05
  • 11220

通过Meta标签解决网页兼容性问题

Meta标签在网页的HTML源代码中一个重要的代码“”(即通常所说的META标签)。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。Meta标签还可...
  • zhuchunyan_aijia
  • zhuchunyan_aijia
  • 2016-06-02 16:32:52
  • 3850

网页元信息meta标签的作用以及使用

meta标签的使用,以及作用
  • museions
  • museions
  • 2017-06-21 10:15:50
  • 294

XML:网页中meta标签的使用

 Meta标签放在每个网页的...中,我们大家比较熟悉的如: 说明编辑工具; 说明关键词; 说明主页描述; 和 说明所用语言及文字... 可见Meta有两种,Name和Http-equiv。 ...
  • xiaozhao_19
  • xiaozhao_19
  • 2008-03-31 13:22:00
  • 1567

移动端meta标签的使用

大家对meta标签再熟悉不过了,因为我们的页面中或多或少的都会使用到meta标签。但是我们却很少了解meta标签的用途,尤其是对于meta标签里的属性和值不是很懂,也不知道从哪里冒出来的。这篇文章就从...
  • donggx
  • donggx
  • 2016-12-22 09:18:21
  • 1745
收藏助手
不良信息举报
您举报文章:网页中META标签的使用
举报原因:
原因补充:

(最多只允许输入30个字)